*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#060d18;height:100%;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glowPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes nameShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes chatAura{0%,to{box-shadow:0 0 0 1px #63b3ff0f,0 0 40px #63b3ff0d}50%{box-shadow:0 0 0 1px #63b3ff1c,0 0 60px #63b3ff17}}@keyframes scanPage{0%{top:-2px}to{top:calc(100vh + 2px)}}@keyframes orbDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.f1{animation:.5s 50ms both fadeUp}.f2{animation:.5s .16s both fadeUp}.f3{animation:.5s .27s both fadeUp}.f4{animation:.5s .38s both fadeUp}.name-shimmer{white-space:nowrap;background:linear-gradient(90deg,#63b3ff 0%,#c8e8ff 28%,#fff 42%,#93d0ff 56%,#63b3ff 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(1.4rem,5vw,2.8rem);font-weight:800;line-height:1;animation:5s linear infinite nameShimmer;display:block}.ticker-wrap:hover .ticker-inner{animation-play-state:paused!important}.skill-tag{color:#4a7a9b;letter-spacing:.12em;white-space:nowrap;cursor:default;background:#63b3ff08;border:1px solid #63b3ff1f;border-radius:999px;padding:2px 12px;font-family:DM Mono,monospace;font-size:9px;font-weight:300;transition:all .2s}.skill-tag:hover{color:#93d0ff;background:#63b3ff1a;border-color:#63b3ff52}.chat-window{animation:5s ease-in-out infinite chatAura}.status-badge{letter-spacing:.1em;background:#63b3ff0a;border:1px solid #63b3ff1a;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-family:DM Mono,monospace;font-size:9px;transition:border-color .2s;display:flex}.status-badge:hover{border-color:#63b3ff38}.page-fixed{z-index:5;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.page-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060d18eb;border-bottom:1px solid #63b3ff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 28px;display:flex}.nav-left{align-items:center;gap:6px;display:flex}.nav-label{color:#3a6480;letter-spacing:.16em;margin-left:14px;font-family:DM Mono,monospace;font-size:9px;font-weight:300}.nav-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.nav-dot{opacity:.45;border-radius:50%;width:9px;height:9px}.page-content{flex-direction:column;flex:1;gap:10px;width:100%;max-width:1020px;min-height:0;margin:0 auto;padding:14px 28px 10px;display:flex;overflow:hidden}.identity-header{flex-shrink:0}.identity-label{color:#2a4a6a;letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:6px;font-family:DM Mono,monospace;font-size:8px;display:flex}.identity-rule{width:26px;height:1px}.identity-rule--l{background:linear-gradient(90deg,#0000,#63b3ff59)}.identity-rule--r{background:linear-gradient(90deg,#63b3ff59,#0000)}.identity-sub{flex-wrap:wrap;align-items:center;gap:14px;margin-top:5px;display:flex}.identity-tagline{color:#3a6480;letter-spacing:.05em;margin:0;font-family:DM Mono,monospace;font-size:10.5px;font-style:italic;font-weight:300}.identity-online{flex-shrink:0;align-items:center;gap:5px;display:flex}.identity-online-dot{background:#4ade80;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite glowPulse;display:inline-block;box-shadow:0 0 7px #4ade80}.identity-online-label{color:#4ade80;letter-spacing:.14em;font-family:DM Mono,monospace;font-size:8px}.ticker-section{border-top:1px solid #63b3ff12;border-bottom:1px solid #63b3ff12;flex-shrink:0;padding:7px 0;position:relative;overflow:hidden}.ticker-fade-l{z-index:1;pointer-events:none;background:linear-gradient(90deg,#060d18,#0000);width:55px;position:absolute;top:0;bottom:0;left:0}.ticker-fade-r{z-index:1;pointer-events:none;background:linear-gradient(270deg,#060d18,#0000);width:55px;position:absolute;top:0;bottom:0;right:0}.ticker-inner{gap:9px;width:max-content;animation:32s linear infinite scrollLeft;display:flex}.chat-box{border:1px solid #63b3ff1a;border-radius:14px;flex:1;min-height:0;position:relative;overflow:hidden}.chat-shimmer-line{z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000,#63b3ff47,#0000);height:1px;position:absolute;top:0;left:0;right:0}.page-footer{color:#1e3a52;border-top:1px solid #63b3ff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding-top:8px;font-family:DM Mono,monospace;font-size:8px;display:flex}.footer-copyright{letter-spacing:.1em}.footer-powered{letter-spacing:.08em}.footer-tags{align-items:center;gap:14px;display:flex}.footer-tag{color:#1e3a52;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:8px}.footer-tag+.footer-tag{border-left:1px solid #63b3ff14;padding-left:14px}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(80px);border-radius:50%;position:absolute}.bg-orb-1{background:radial-gradient(circle,#63b3ff0e 0%,#0000 65%);width:65vw;height:65vw;animation:10s ease-in-out infinite orbDrift;top:-20%;left:-8%}.bg-orb-2{filter:blur(65px);background:radial-gradient(circle,#63b3ff0a 0%,#0000 65%);width:50vw;height:50vw;animation:13s ease-in-out -6s infinite orbDrift;bottom:-15%;right:-4%}.bg-dots{pointer-events:none;z-index:0;opacity:.28;background-image:radial-gradient(circle,#63b3ff14 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.bg-fx{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.bg-scan{background:linear-gradient(#0000,#63b3ff0a,#0000);height:1px;animation:10s linear infinite scanPage;position:absolute;left:0;right:0}.bg-lines{background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);position:absolute;inset:0}.bg-vignette{background:radial-gradient(#0000 55%,#0006 100%);position:absolute;inset:0}@media (max-width:768px){.nav-label,.identity-label,.footer-tags{display:none}.name-shimmer{white-space:normal}.page-nav{padding:8px 14px}.page-content{gap:8px;padding:10px 14px 8px}.page-footer{justify-content:space-between}}@media (max-width:480px){.status-badge span:first-of-type{display:none}.status-badge{padding:3px 7px}.nav-badges{gap:4px}.page-nav{padding:7px 10px}.page-content{gap:6px;padding:8px 10px 6px}.ticker-section{padding:5px 0}.identity-sub{gap:6px}.footer-copyright,.footer-powered{display:none}.footer-tags{display:flex}.page-footer{justify-content:center;padding-top:5px}}