*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:#0a0a0a;background-image:radial-gradient(ellipse at center top,#1a1a1a 0,#0a0a0a 60%),linear-gradient(135deg,#111,#1c1c1c 50%,#0a0a0a);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow-x:hidden;color:#e8e8e8}body:before{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:80px 80px;opacity:.3;z-index:-2}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}body:after{background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.04) 0,transparent 50%);animation:subtleFloat 20s ease-in-out infinite;z-index:-1}@keyframes subtleFloat{0%,to{transform:translateY(0);filter:hue-rotate(0deg)}50%{transform:translateY(-10px);filter:hue-rotate(15deg)}}.audio-notice{position:fixed;top:20px;right:20px;background:hsla(0,0%,9%,.9);color:#e8e8e8;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);animation:gentlePulse 3s ease-in-out infinite;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 25px rgba(0,0,0,.3),0 0 20px rgba(99,102,241,.1)}.audio-notice:before{content:"♪";margin-right:8px;color:#6366f1}@keyframes gentlePulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.container{max-width:600px;width:100%;margin:0 auto;position:relative;z-index:1;animation:elegantFadeIn 1.5s ease-out;border:1px solid hsla(0,0%,100%,.06);border-radius:24px;background:hsla(0,0%,9%,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;box-shadow:0 8px 40px rgba(0,0,0,.4),0 0 100px rgba(99,102,241,.02),inset 0 1px 0 hsla(0,0%,100%,.05)}@keyframes elegantFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile{text-align:center;margin-bottom:50px;animation:smoothSlideIn 1.2s ease-out .3s both}.avatar{margin:0 auto 30px;width:130px;height:130px;border-radius:50%;overflow:hidden;border:2px solid rgba(99,102,241,.3);position:relative;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(99,102,241,.15);transition:all .3s ease}.avatar:hover{transform:scale(1.05);border-color:rgba(99,102,241,.5);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 60px rgba(99,102,241,.2)}@keyframes smoothSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.avatar img{width:100%;height:100%;object-fit:cover}h1{color:#fff;font-size:36px;margin-bottom:16px;font-weight:600;background:linear-gradient(135deg,#fff,#e5e7eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 3s ease-in-out infinite alternate}@keyframes textShine{0%{background:linear-gradient(135deg,#fff,#e5e7eb);background-clip:text;-webkit-background-clip:text}to{background:linear-gradient(135deg,#f3f4f6,#fff);background-clip:text;-webkit-background-clip:text}}.bio{color:#9ca3af;font-size:18px;font-weight:400;opacity:.9}.links{margin-bottom:40px}.links,.main-links-section{display:flex;flex-direction:column;gap:16px}.custom-links-section{display:flex;flex-direction:column;gap:12px}.separator{text-align:center;margin:30px 0 20px;position:relative}.separator span{color:hsla(0,0%,100%,.7);font-size:14px;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 16px;border-radius:20px;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-button{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:20px 28px;background:rgba(31,31,31,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInSmooth .8s ease-out both;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.05)}.link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent);transition:left .6s ease}.link-button:hover:before{left:100%}.link-button:first-child{animation-delay:.2s}.link-button:nth-child(2){animation-delay:.4s}.link-button:nth-child(3){animation-delay:.6s}.link-button:nth-child(4){animation-delay:.8s}.link-button:nth-child(5){animation-delay:1s}@keyframes slideInSmooth{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.link-button:hover{background:rgba(31,31,31,.8);border-color:rgba(99,102,241,.3);transform:translateX(4px);box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 40px rgba(99,102,241,.1),inset 0 1px 0 hsla(0,0%,100%,.08)}.link-button .icon{font-size:20px;display:flex;align-items:center;justify-content:center;min-width:20px;opacity:.9}.logo-icon{width:20px;height:20px;filter:brightness(0) invert(1);transition:all .3s ease}.emoji-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.link-button:hover .logo-icon{filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(99,102,241,.6));transform:scale(1.05)}.social-links{gap:20px;animation:fadeInUp 1.2s ease-out 1.4s both;margin-top:40px}.social-links,.social-links a{display:flex;justify-content:center}.social-links a{color:rgba(156,163,175,.8);font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;align-items:center;width:48px;height:48px;border-radius:50%;background:rgba(31,31,31,.4);border:1px solid hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));opacity:0;transition:opacity .3s ease;z-index:-1}.social-links a:first-child{animation-delay:1.6s}.social-links a:nth-child(2){animation-delay:1.8s}.social-links a:nth-child(3){animation-delay:2s}.social-links a:nth-child(4){animation-delay:2.2s}.social-links a:nth-child(5){animation-delay:2.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-links a:hover{color:#fff;transform:translateY(-2px) scale(1.05);border-color:rgba(99,102,241,.3);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(99,102,241,.2)}.social-links a:hover:before{opacity:1}.loading{color:#e8e8e8;font-size:18px;display:flex;justify-content:center;align-items:center;min-height:100vh;font-weight:500;animation:elegantPulse 2s infinite}.loading:after{content:"";animation:loadingDots 1.5s infinite}@keyframes elegantPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes loadingDots{0%,20%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.audio-control{position:fixed;top:20px;right:20px;width:52px;height:52px;border:1px solid rgba(99,102,241,.3);border-radius:50%;background:hsla(0,0%,9%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e8e8e8;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 20px rgba(99,102,241,.1),inset 0 1px 0 hsla(0,0%,100%,.05)}.audio-control:hover{background:hsla(0,0%,9%,.9);border-color:rgba(99,102,241,.5);transform:scale(1.05);box-shadow:0 6px 30px rgba(0,0,0,.4),0 0 30px rgba(99,102,241,.2)}.audio-control.playing{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e;animation:gentlePulseAudio 2s infinite}.audio-control.paused{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}@keyframes gentlePulseAudio{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 20px rgba(34,197,94,.1)}50%{box-shadow:0 6px 30px rgba(0,0,0,.4),0 0 30px rgba(34,197,94,.3)}}@media (max-width:480px){.container{padding:30px 20px;margin:10px}h1{font-size:28px}.link-button{padding:18px 24px;font-size:15px}.social-links a{width:44px;height:44px;font-size:22px}.audio-control{width:48px;height:48px;font-size:16px;top:15px;right:15px}}