:root{--bg-color:#040812;--bg-card:#080e1abf;--bg-card-border:#78c8ff38;--particle-primary:#eaf5ff;--particle-cyan:#38bdf8;--particle-violet:#a855f7;--text-primary:#f0f6fc;--text-muted:#94a3b8;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--glow-cyan:0 0 25px #38bdf873}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overflow:hidden}#canvas-container{z-index:1;background:radial-gradient(circle at 65% 25%,#081122 0%,#040812 70%,#020408 100%);width:100vw;height:100vh;position:fixed;inset:0}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding:2.2rem 3.2rem;display:flex;position:fixed;inset:0}.font-mono{font-family:var(--font-mono)}.accent{color:var(--particle-cyan)}.site-header{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{pointer-events:auto;cursor:pointer;align-items:center;gap:.65rem;display:flex}.cat-ascii{color:var(--particle-cyan);text-shadow:0 0 12px #38bdf899;font-size:1.4rem;animation:3s ease-in-out infinite float-ascii}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.35rem;font-weight:700}.tag{font-family:var(--font-mono);color:var(--particle-cyan);letter-spacing:.05em;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:4px;padding:.2rem .5rem;font-size:.65rem}.site-nav{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);pointer-events:auto;border-radius:100px;align-items:center;gap:1.8rem;padding:.55rem 1.6rem;display:flex;box-shadow:0 4px 24px #00000080}.nav-link{color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;position:relative}.nav-link:hover,.nav-link.active{color:var(--particle-cyan)}.nav-link.active:after{content:"";background:var(--particle-cyan);width:14px;height:2px;box-shadow:0 0 6px var(--particle-cyan);border-radius:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.header-status{background:#080e1a99;border:1px solid #78c8ff33;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.75rem;display:flex}.status-pulse{background:#00e676;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 8px #00e676}.status-text{color:#a7f3d0;letter-spacing:.05em;font-weight:500}.hero-section{max-width:580px;margin-top:-1.5rem}.hero-badge{letter-spacing:.08em;color:var(--particle-cyan);background:#38bdf814;border:1px solid #38bdf840;border-radius:100px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--particle-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--particle-cyan);border-radius:50%}.hero-title{letter-spacing:-.04em;color:#fff;margin-bottom:1.2rem;font-size:clamp(2.4rem,4.2vw,3.8rem);font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#eaf5ff 0%,#38bdf8 50%,#a855f7 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 35px #38bdf840;-webkit-background-clip:text;display:inline-block}.hero-desc{color:#94a3b8;max-width:520px;margin-bottom:1.8rem;font-size:1rem;line-height:1.65}.hero-desc b{color:#f1f5f9}.hero-actions{pointer-events:auto;align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.btn-primary{color:#fff;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:none;border-radius:100px;align-items:center;gap:.6rem;padding:.85rem 1.6rem;font-size:.92rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #38bdf859}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #38bdf88c}.btn-secondary{color:#d8b4fe;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a855f71a;border:1px solid #a855f759;border-radius:100px;align-items:center;padding:.85rem 1.3rem;font-size:.82rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#a855f733;border-color:#a855f799;transform:translateY(-1px)}.btn-icon{width:44px;height:44px;color:var(--particle-cyan);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:inline-flex}.btn-icon:hover{background:#38bdf840;transform:scale(1.1)rotate(45deg)}.ticker-box{color:#64748b;background:#060b1499;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.4rem .85rem;font-size:.72rem;display:inline-flex}.ticker-dot{color:var(--particle-cyan)}.scene-hud{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);pointer-events:auto;border-radius:100px;align-items:center;gap:1.2rem;width:fit-content;padding:.65rem 1.4rem;font-size:.78rem;display:flex;box-shadow:0 4px 24px #00000080}.hud-item{align-items:center;gap:.4rem;display:flex}.hud-label{color:var(--text-muted)}.hud-value{color:var(--text-primary);font-weight:600}.hud-divider{background:#ffffff1f;width:1px;height:16px}.camera-controls{align-items:center;gap:.4rem;display:flex}.cam-btn{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .6rem;font-size:.72rem;transition:all .2s}.cam-btn:hover{color:var(--text-primary);background:#ffffff0f}.cam-btn.active{color:var(--particle-cyan);background:#38bdf826;border-color:#38bdf859}.app-modal{z-index:100;pointer-events:auto;justify-content:center;align-items:center;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.app-modal.hidden{opacity:0;pointer-events:none;transform:scale(.96)}.modal-backdrop{-webkit-backdrop-filter:blur(20px);background:#03060ed1;position:absolute;inset:0}.modal-panel{z-index:2;background:#080e1af2;border:1px solid #38bdf84d;border-radius:20px;flex-direction:column;width:100%;max-width:960px;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 40px #38bdf826}.modal-panel.small{max-width:680px}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding:1.8rem 2.2rem 1.4rem;display:flex}.modal-badge{color:var(--particle-cyan);background:#38bdf81a;border-radius:4px;margin-bottom:.4rem;padding:.2rem .5rem;font-size:.68rem;display:inline-block}.modal-title-group h2{color:#fff;margin-bottom:.3rem;font-size:1.5rem;font-weight:700}.modal-title-group p{color:#94a3b8;font-size:.88rem}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff26}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;padding:1.8rem 2.2rem;display:grid;overflow-y:auto}.p-card{background:#0d1626a6;border:1px solid #78c8ff26;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.3rem;transition:all .25s;display:flex}.p-card:hover{border-color:#38bdf866;transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.p-card.highlight{background:linear-gradient(145deg,#0d1626d9 0%,#14234166 100%);border-color:#38bdf873}.p-header{align-items:center;gap:.85rem;margin-bottom:.8rem;display:flex}.p-icon{width:42px;height:42px;color:var(--particle-cyan);background:#38bdf826;border-radius:10px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.p-icon.blue{color:#60a5fa;background:#3b82f626}.p-icon.teal{color:#2dd4bf;background:#14b8a626}.p-icon.rose{color:#fb7185;background:#f43f5e26}.p-icon.purple{color:#c084fc;background:#a855f726}.p-icon.orange{color:#fb923c;background:#f9731626}.p-icon.green{color:#34d399;background:#10b98126}.modal-header.projects-modal-header{background:linear-gradient(#1e293b59 0%,#0a0f1d00 100%);flex-direction:column;padding:1.8rem 2.2rem 1.2rem;position:relative}.modal-header.projects-modal-header .modal-close-btn{position:absolute;top:1.4rem;right:1.4rem}.projects-title-block{text-align:center;width:100%}.projects-title-block h2{color:#fff;letter-spacing:-.01em;margin-bottom:.45rem;font-size:1.65rem;font-weight:800}.projects-intro-text{color:#94a3b8;max-width:660px;margin:0 auto .95rem;font-size:.92rem;line-height:1.6}.projects-pills-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.95rem;display:flex}.projects-stat-pill{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0003}.projects-stat-pill:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859}.projects-portal-strip{justify-content:center;width:100%;display:flex}.projects-portal-anchor{background:linear-gradient(135deg,#2563eb47 0%,#8b5cf638 100%);border:1px solid #38bdf866;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:660px;padding:.75rem 1.25rem;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 18px #2563eb33}.projects-portal-anchor:hover{background:linear-gradient(135deg,#2563eb73 0%,#8b5cf661 100%);border-color:#38bdf8bf;transform:translateY(-2px);box-shadow:0 6px 24px #38bdf84d}.portal-left-box{align-items:center;gap:.75rem;display:flex}.portal-left-icon{font-size:1.4rem}.portal-text-sub{text-align:left;flex-direction:column;display:flex}.portal-text-sub strong{color:#fff;font-size:.95rem}.portal-text-sub span{color:#7dd3fc;font-size:.74rem}.portal-right-action{color:#38bdf8;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf84d;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.p-header h3{color:#fff;font-size:1.05rem;font-weight:600}.p-tag{color:#94a3b8;font-size:.65rem}.p-desc{color:#94a3b8;margin-bottom:1.1rem;font-size:.82rem;line-height:1.55}.p-links{flex-wrap:wrap;gap:.5rem;display:flex}.p-btn{border-radius:6px;padding:.35rem .75rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s}.p-btn.primary{background:var(--particle-cyan);color:#040812}.p-btn.primary:hover{background:#78c8ff}.p-btn.secondary{color:#d8b4fe;background:#a855f733;border:1px solid #a855f766}.p-btn.secondary:hover{background:#a855f759}.p-btn.ghost{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f}.p-btn.ghost:hover{color:#fff;background:#ffffff1a}.friends-grid{flex-direction:column;gap:1rem;padding:1.8rem 2.2rem;display:flex;overflow-y:auto}.f-card{background:#0d162699;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1.2rem;padding:1rem 1.4rem;display:flex}.f-card.highlight{background:#121e34b3;border-color:#38bdf84d}.f-avatar{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.f-info h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:1.05rem;display:flex}.f-tag{color:var(--particle-cyan);background:#38bdf81a;border-radius:4px;padding:.15rem .4rem;font-size:.62rem}.f-role{color:#38bdf8;margin-bottom:.2rem;font-size:.78rem;font-weight:500}.f-desc{color:#94a3b8;font-size:.8rem;line-height:1.45}.contact-info-list{flex-direction:column;gap:1rem;padding:1.8rem 2.2rem;display:flex}.c-item{background:#0d16268c;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.c-icon{color:var(--particle-cyan);background:#38bdf81a;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex}.c-item b{color:#64748b;margin-bottom:.15rem;font-size:.75rem;display:block}.c-item a,.c-item span{color:#f1f5f9;font-size:.9rem;text-decoration:none}.c-item a:hover{color:var(--particle-cyan)}.code-drawer{-webkit-backdrop-filter:blur(20px);z-index:20;pointer-events:auto;background:#060b14eb;border:1px solid #38bdf859;border-radius:12px;flex-direction:column;width:400px;height:250px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:5.5rem;right:3.2rem;overflow:hidden;box-shadow:0 10px 40px #000c,0 0 30px #38bdf81f}.code-drawer.hidden{opacity:0;pointer-events:none;transform:translateY(20px)scale(.95)}.drawer-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.drawer-title{align-items:center;gap:.4rem;display:flex}.circle{border-radius:50%;width:9px;height:9px}.circle.red{background:#ff5f56}.circle.yellow{background:#ffbd2e}.circle.green{background:#27c93f}.file-name{color:#94a3b8;margin-left:.4rem;font-size:.72rem}.drawer-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.85rem}.drawer-close:hover{color:#fff}.drawer-code-body{color:#cbd5e1;flex:1;padding:.85rem;font-size:.73rem;line-height:1.55;overflow-y:auto}.code-line{white-space:pre}.code-kw{color:#f472b6}.code-fn{color:#38bdf8}.code-str{color:#34d399}.code-comment{color:#64748b;font-style:italic}@keyframes float-ascii{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-green{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@media (width<=960px){.ui-layer{padding:1.5rem}.site-nav{display:none}.hero-section{max-width:100%;margin-top:0}.scene-hud{border-radius:16px;flex-wrap:wrap;gap:.8rem;padding:.75rem 1rem}.code-drawer{width:auto;left:1.5rem;right:1.5rem}.modal-panel{max-height:90vh}.projects-grid{grid-template-columns:1fr;padding:1rem}}