*{margin:0;padding:0;box-sizing:border-box}:root{--bg-light: #f8f8f8;--bg-card: #ffffff;--accent-primary: #00a88a;--accent-secondary: #0088a8;--text-primary: #1a1a1a;--text-secondary: #666666;--border-subtle: #e0e0e0}html{font-size:16px}body{font-family:JetBrains Mono,monospace;background-color:var(--bg-light);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);top:-150px;right:-100px;opacity:.12}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);bottom:-100px;left:-50px;opacity:.08}.container{width:100%;max-width:420px;padding:2rem 1.5rem;position:relative;z-index:1}.profile{text-align:center;margin-bottom:2.5rem}.avatar-ring{width:110px;height:110px;margin:0 auto 1.5rem;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0}.avatar{width:100%;height:100%;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-light);overflow:hidden;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(30%) contrast(1.1);transition:filter .4s ease}.avatar:hover .avatar-image{filter:grayscale(0%) contrast(1)}.avatar-cloud{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.15) 80%,transparent 100%);filter:blur(6px);pointer-events:none;opacity:0}.username{font-family:Bebas Neue,sans-serif;font-size:3.5rem;letter-spacing:4px;line-height:1;margin-bottom:.5rem;opacity:0;background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent-primary) 25%,var(--text-primary) 50%,var(--accent-secondary) 75%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:.85rem;color:var(--text-secondary);letter-spacing:1px;opacity:0}.links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.link-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;box-shadow:0 2px 8px #0000000a}.link-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.link-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 30px #0088881f}.link-item:hover:before{opacity:.08}.link-item:hover .link-arrow{transform:translate(4px);color:var(--accent-primary)}.link-icon{width:24px;height:24px;flex-shrink:0;position:relative;z-index:1}.link-icon svg{width:100%;height:100%;stroke:var(--accent-secondary)}.link-text{flex:1;font-size:.9rem;font-weight:500;position:relative;z-index:1}.link-arrow{font-size:1.2rem;color:var(--text-secondary);transition:all .3s ease;position:relative;z-index:1}.stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);opacity:0}.stat{text-align:center}.stat-number{display:block;font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:1px;color:var(--text-primary)}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:30px;background:var(--border-subtle)}@media (max-width: 480px){.container{padding:1.5rem 1rem}.username{font-size:2.8rem}.avatar-ring{width:90px;height:90px}}