*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #0866FF;--blue-dark: #0550cc;--blue-glow: #0866ffaa;--yellow: #FFFF00;--yellow-dim: #d4c800;--black: #000000;--black-soft: #0a0a0f;--white: #FFFFFF;--gray: #aab0bc;--font: "Outfit", sans-serif;--radius: 12px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;width:100%}body{font-family:var(--font);background:radial-gradient(ellipse 55% 55% at 50% 42%,rgba(8,102,255,.07) 0%,transparent 70%),var(--black-soft);color:var(--white);overflow-x:hidden;min-height:100vh}#matrix-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.45;pointer-events:none}.page-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:48px 16px 64px}.profile-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:36px;animation:fadeDown .6s ease both}.avatar-ring{width:108px;height:108px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--blue),var(--yellow));box-shadow:0 0 28px var(--blue-glow),0 0 8px #ff04}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--black)}.brand-name{font-size:2rem;font-weight:900;font-style:italic;letter-spacing:-.5px;color:var(--white);text-shadow:0 0 18px var(--blue-glow);line-height:1}.brand-name span{color:var(--blue)}.tagline{font-size:.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 8px #ffff0055}.typewriter-wrap{min-height:28px;font-size:.95rem;font-weight:400;color:var(--gray);display:flex;align-items:center;gap:4px}.typewriter-text{color:var(--white)}.cursor-blink{display:inline-block;width:2px;height:1.1em;background:var(--blue);animation:blink .9s step-end infinite;vertical-align:text-bottom;border-radius:1px}.links-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.link-item{display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:var(--radius);background:#ffffff0a;border:1.5px solid rgba(8,102,255,.35);color:var(--white);text-decoration:none;font-size:1rem;font-weight:600;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden;animation:fadeUp .5s ease both}.link-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(8,102,255,.08),transparent);transform:translate(-100%);transition:transform .5s ease}.link-item:hover:before{transform:translate(100%)}.link-item:hover{border-color:var(--blue);background:#0866ff1f;box-shadow:0 0 20px var(--blue-glow),0 4px 16px #0006;transform:translateY(-2px) scale(1.01);color:var(--white)}.link-item:active{transform:scale(.98)}.link-icon{font-size:1.3rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--blue);transition:color var(--transition)}.link-item:hover .link-icon{color:var(--yellow)}.link-text{flex:1}.link-arrow{opacity:0;transform:translate(-6px);transition:all var(--transition);color:var(--blue);font-size:.9rem}.link-item:hover .link-arrow{opacity:1;transform:translate(0)}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#0866ff1a,#ffffff0a 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);height:58px;border:1.5px solid rgba(8,102,255,.15)}.error-msg{text-align:center;color:#ff5c5c;font-size:.9rem;padding:16px;border:1px solid rgba(255,92,92,.3);border-radius:var(--radius);background:#ff5c5c0f}.divider{width:100%;max-width:480px;height:1px;background:linear-gradient(90deg,transparent,rgba(8,102,255,.4),transparent);margin:36px 0 20px}.footer{font-size:.72rem;color:#ffffff40;letter-spacing:1px;text-align:center}.footer a{color:#0866ff99;text-decoration:none}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(max-width:480px){.brand-name{font-size:1.65rem}.page-wrapper{padding:36px 12px 48px}.link-item{padding:14px 18px}}