@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(120,100,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,100,150,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(100,200,255,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}a{font-weight:500;color:inherit;text-decoration:none}@media(prefers-color-scheme:light){:root{color:#1a1a2e}body{background:linear-gradient(135deg,#f5f7fa,#e4e8f0,#f5f7fa)}body:before{background:radial-gradient(circle at 20% 20%,rgba(120,100,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,100,150,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(100,200,255,.04) 0%,transparent 50%)}}.container{max-width:480px;width:100%;padding:3rem 2.5rem;text-align:center;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0003,0 0 80px #7864ff0d;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{margin-bottom:1.5rem}.avatar{width:120px;height:120px;border-radius:20px;object-fit:cover;margin:0 auto 1.25rem;box-shadow:0 8px 32px #667eea4d,0 0 0 3px #ffffff1a;position:relative;image-rendering:pixelated;transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero h1{font-size:2rem;font-weight:700;margin:0 0 .4rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1rem;opacity:.6;margin:0;font-weight:500;letter-spacing:.02em}.about{margin-bottom:2rem;padding:0 .5rem}.about p{font-size:.95rem;line-height:1.7;opacity:.75;margin:0}.links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.link-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.25rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.link-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba226);opacity:0;transition:opacity .3s ease}.link-button:hover{border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 25px #667eea33}.link-button:hover:before{opacity:1}.link-button svg{width:20px;height:20px;opacity:.9;position:relative;z-index:1}.link-button span{position:relative;z-index:1}footer{opacity:.4;font-size:.8rem}footer p{margin:0}@media(prefers-color-scheme:light){.container{background:#ffffffb3;border-color:#0000000f;box-shadow:0 4px 30px #00000014,0 0 80px #7864ff08}.hero h1{background:linear-gradient(135deg,#1a1a2e,#2d2d5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar{box-shadow:0 8px 32px #667eea40,0 0 0 4px #00000005}.link-button{background:#00000008;border-color:#0000000f}.link-button:hover{border-color:#0000001a;box-shadow:0 8px 25px #667eea1f}}@media(max-width:480px){.container{padding:2rem 1.5rem;border-radius:20px}.hero h1{font-size:1.75rem}.avatar{width:100px;height:100px}}