*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:#f8f9fa;color:#1a1a1a;line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;min-height:100vh}.content{width:100%;max-width:680px;padding:60px 0}.profile{text-align:center;margin-bottom:12px}.profile-avatar{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid #4f46e5;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-name{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:6px;letter-spacing:-0.5px}.profile-bio{font-size:16px;color:#6b7280;margin-bottom:16px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.social-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.social-btn svg{width:20px;height:20px}.social-btn:hover{background:#4f46e5;color:white;border-color:#4f46e5;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.links{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.link-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.link-item:hover{border-color:#4f46e5;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.link-item:hover .link-arrow{color:#4f46e5;-webkit-transform:translateX(4px);transform:translateX(4px)}.link-content{flex:1}.link-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.link-description{font-size:14px;color:#6b7280}.link-arrow{flex-shrink:0;color:#9ca3af;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.footer{text-align:center;padding:24px 0;border-top:1px solid #e5e7eb}.footer p{font-size:14px;color:#9ca3af}@media (max-width: 768px){.content{padding:40px 0}.profile-name{font-size:28px}.profile-bio{font-size:15px}.link-item{padding:18px 20px}.link-title{font-size:16px}.link-description{font-size:13px}}@media (max-width: 480px){.container{padding:0 16px}.content{padding:32px 0}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.profile-bio{font-size:14px}.social-btn{width:40px;height:40px}.social-btn svg{width:18px;height:18px}.link-item{padding:16px 18px}.link-title{font-size:15px}.link-description{font-size:13px}}@media (prefers-color-scheme: dark){body{background:#0f0f0f;color:#ffffff}.content{background:transparent}.profile-name{color:#ffffff}.link-item,.social-btn{background:#1a1a1a;border-color:#2a2a2a;color:#ffffff}.link-title{color:#ffffff}.link-description{color:#9ca3af}.social-btn{color:#9ca3af}.footer{border-color:#2a2a2a}}