:root{--bg-main:#06090e;--bg-card:#0c111c;--bg-card-hover:#111726;--bg-elevated:#101624;--border-subtle:#ffffff14;--border-focus:#0066ff73;--cobalt-electric:#0052ff;--cobalt-light:#387cff;--cobalt-glow:#0052ff47;--cobalt-subtle:#0052ff1f;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--font-display:"Syne", sans-serif;--font-mono:"Space Grotesk", monospace;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans)}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img{content-visibility:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cobalt-electric)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.bg-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-ambient-glow{filter:blur(140px);opacity:.16;background:radial-gradient(circle, var(--cobalt-electric) 0%, transparent 70%);border-radius:50%;width:650px;height:650px;position:absolute}.glow-top{top:-200px;right:-100px}.glow-mid{top:45%;left:-200px}.glow-bottom{bottom:-200px;right:15%}.editorial-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0}.container{z-index:2;width:100%;max-width:1360px;margin:0 auto;padding:0 1.5rem;position:relative}@media (width>=768px){.container{padding:0 3rem}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.portfolio-app{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);position:relative}#main-portfolio{z-index:10;background-color:#0000;min-height:100vh;position:relative}.cover-hero{box-sizing:border-box;background-color:var(--bg-main);z-index:1;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}@media (width<=640px){.cover-hero{padding:1.25rem 1rem}}.cover-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cover-backdrop-video{object-fit:cover;opacity:.5;filter:contrast(1.15)brightness(.7);width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-backdrop-vignette{background:radial-gradient(#06090e33 0%,#06090ebf 65%,#06090ef7 100%);position:absolute;inset:0}.cover-topbar{z-index:10;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.cover-brand{letter-spacing:-.02em;color:#fff;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;display:flex}.cover-brand-logo{object-fit:cover;border-radius:6px;width:26px;height:26px}.brand-reg{color:var(--cobalt-light);font-size:.7rem;font-weight:400}.cover-status{color:var(--text-secondary);letter-spacing:.08em;font-size:.7rem;font-family:var(--font-mono);align-items:center;gap:.55rem;display:none}@media (width>=600px){.cover-status{display:flex}}.cover-status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #10b981}.cover-nav{letter-spacing:.08em;z-index:20;pointer-events:auto;align-items:center;gap:1.75rem;font-size:.75rem;display:none;position:relative}@media (width>=820px){.cover-nav{display:flex}}.cover-nav a{color:var(--text-secondary);transition:var(--transition);cursor:pointer;z-index:20;text-decoration:none;position:relative}.cover-nav a:hover{color:#fff}.cover-nav-cta{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0f;align-items:center;gap:.45rem;padding:.4rem .9rem;display:inline-flex;color:#fff!important}.cover-cta-dot{background:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #fffc}.cover-nav-cta:hover{background:var(--cobalt-electric);border-color:var(--cobalt-electric)}.cover-center-content{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.cover-monolith{justify-content:center;width:100%;display:flex}.monolith-title{letter-spacing:-.05em;text-transform:uppercase;color:#fff;text-align:center;text-shadow:0 10px 40px #0009;width:100%;max-width:100%;font-size:clamp(3rem,15vw,10rem);font-weight:900;line-height:.9;display:block}.monolith-reg{color:var(--cobalt-light);margin-left:.2rem;font-size:clamp(1.2rem,3.5vw,3rem);font-weight:400}.cover-bottombar{z-index:10;justify-content:center;align-items:center;width:100%;padding-top:1.5rem;padding-bottom:.5rem;display:flex;position:relative}.cover-bottom-middle{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;display:flex}.cover-disciplines{color:var(--text-muted);letter-spacing:.08em;flex-direction:column;gap:.3rem;font-size:.65rem;font-weight:600;display:none}@media (width>=720px){.cover-disciplines{display:flex}}.scroll-pill-btn{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-full);cursor:pointer;letter-spacing:.1em;transition:var(--transition);background:#0c111cd9;border:1px solid #ffffff26;align-items:center;gap:.65rem;padding:.6rem 1.25rem;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #0006}.scroll-pill-btn:hover{background:var(--cobalt-electric);border-color:var(--cobalt-electric);box-shadow:0 8px 30px var(--cobalt-glow)}.pill-dot{background:var(--cobalt-light);border-radius:50%;flex-shrink:0;width:6px;height:6px}.scroll-pill-btn:hover .pill-dot{background:#fff}.pill-arrow{animation:1.8s ease-in-out infinite bounce-subtle}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.white-ticket-btn{background:var(--text-primary);color:var(--bg-main);border-radius:var(--radius-sm);letter-spacing:.05em;transition:var(--transition);align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.white-ticket-btn:hover{background:var(--cobalt-electric);color:#fff;box-shadow:0 8px 25px var(--cobalt-glow);transform:translateY(-2px)}.cyberpunk-bg-wrapper{pointer-events:none;z-index:1;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s;position:fixed;inset:0}.cyberpunk-bg-wrapper.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.cyberpunk-bg-wrapper.is-visible{opacity:1;visibility:visible}.cyber-orb-container{z-index:0;filter:blur(100px);pointer-events:none;position:fixed;inset:0;overflow:hidden}.cyber-orb{opacity:.3;will-change:transform;pointer-events:none;border-radius:50%;transition:transform .3s ease-out;position:fixed}.cyber-orb-1{background:radial-gradient(circle,#0052ff,#0000);width:600px;height:600px;top:10%;left:-10%}.cyber-orb-2{background:radial-gradient(circle,#387cff,#0000);width:500px;height:500px;top:50%;right:-10%}.cyber-orb-3{background:radial-gradient(circle,#6495ed,#0000);width:700px;height:700px;bottom:-10%;left:30%}.cyber-orb-4{background:radial-gradient(circle,#1e90ff,#0000);width:400px;height:400px;top:30%;left:60%}.cyber-scanline-container{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cyber-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0052ff08,#0052ff08 1px,#0000 1px 3px);animation:8s linear infinite cyber-scan;position:absolute;inset:0}@keyframes cyber-scan{0%{transform:translateY(0)}to{transform:translateY(30px)}}.cyber-beam{opacity:.4;filter:blur(1px);background:linear-gradient(#0000,#0052ff99,#0000);width:2px;height:100%;animation:12s ease-in-out infinite cyber-beam-move;position:absolute}.cyber-beam:nth-child(2){animation-delay:0s;left:20%}.cyber-beam:nth-child(3){animation-delay:-4s;left:50%}.cyber-beam:nth-child(4){animation-delay:-8s;left:80%}@keyframes cyber-beam-move{0%,to{opacity:.2;transform:translate(0)scaleY(.8)}50%{opacity:.5;transform:translate(50px)scaleY(1.2)}}.cyber-glitch-overlay{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0%,#0052ff14 50%,#0000 100%);animation:15s ease-in-out infinite cyber-glitch;position:absolute;inset:0}@keyframes cyber-glitch{0%,90%,to{opacity:0;transform:translate(0)}91%,93%{opacity:.7;transform:translate(-5px)}92%,94%{opacity:.7;transform:translate(5px)}}.cyber-corner{z-index:2;pointer-events:none;border:2px solid #0052ff66;width:80px;height:80px;transition:all .3s;position:fixed}.cyber-corner-tl{border-bottom:none;border-right:none;top:30px;left:30px}.cyber-corner-tr{border-bottom:none;border-left:none;top:30px;right:30px}.cyber-corner-bl{border-top:none;border-right:none;bottom:30px;left:30px}.cyber-corner-br{border-top:none;border-left:none;bottom:30px;right:30px}@media (width<=768px){.cyber-corner{width:50px;height:50px}.cyber-corner-tl,.cyber-corner-tr{top:15px}.cyber-corner-tl,.cyber-corner-bl{left:15px}.cyber-corner-tr,.cyber-corner-br{right:15px}.cyber-corner-bl,.cyber-corner-br{bottom:15px}}.navbar-wrapper{z-index:100;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-subtle);background:#06090ed9;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.navbar-hidden{background:0 0;border-bottom-color:#0000}.navbar-hidden .navbar-links,.navbar-hidden .cta-button{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.navbar-visible{border-bottom:1px solid var(--border-subtle);background:#06090ed9}.navbar{justify-content:space-between;align-items:center;height:72px;display:flex}@media (width>=768px){.navbar{height:80px}}.navbar-brand{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.6rem;min-width:0;text-decoration:none;display:flex}.navbar-brand-logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:24px;height:24px}.brand-name{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;font-size:clamp(.85rem,3.5vw,1.1rem);font-weight:800}.navbar-brand .brand-reg{color:var(--cobalt-light);font-size:.7rem;font-weight:400}.navbar-links{align-items:center;gap:2.25rem;display:none}@media (width>=900px){.navbar-links{display:flex}}.nav-item{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;transition:var(--transition);font-size:.82rem;font-weight:500;text-decoration:none;position:relative}.nav-item:hover,.nav-item.nav-item-active{color:var(--text-primary)}.navbar-actions{align-items:center;gap:1rem;display:flex}.status-badge{border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.35rem .8rem;display:none}@media (width>=640px){.status-badge{display:flex}}.status-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #10b981}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.7;transform:scale(.95)}}.status-text{letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;font-size:.68rem;font-weight:600}.cta-button{background:var(--cobalt-electric);color:#fff;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 18px var(--cobalt-glow);transition:var(--transition);white-space:nowrap;align-items:center;gap:.55rem;padding:.55rem 1.2rem;font-size:.78rem;font-weight:600;text-decoration:none;display:none}@media (width>=768px){.cta-button{display:inline-flex}}.cta-status-dot{background-color:#fff;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #fffc}.cta-button:hover{background:var(--cobalt-light);box-shadow:0 6px 24px var(--cobalt-glow);transform:translateY(-2px)}.mobile-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff0d;justify-content:center;align-items:center;padding:.45rem;display:flex}.mobile-toggle:hover{background:#ffffff1a}@media (width>=900px){.mobile-toggle{display:none}}.fullscreen-menu{z-index:200;-webkit-backdrop-filter:blur(24px);background:#06090efa;flex-direction:column;justify-content:center;align-items:stretch;padding:5rem 1.5rem 6rem;display:flex;position:fixed;inset:0;overflow:hidden auto}.fullscreen-menu-close{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff0f;justify-content:center;align-items:center;padding:.55rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.fullscreen-menu-close:hover{background:#ffffff1f}.fullscreen-nav{flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;max-width:100%;display:flex}.fullscreen-nav-link{letter-spacing:-.04em;text-transform:uppercase;color:#ffffff40;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:baseline;gap:.85rem;width:100%;padding:.5rem 0;font-size:clamp(1.15rem,5.5vw,1.75rem);font-weight:900;line-height:1.15;text-decoration:none;transition:color .2s;display:flex;overflow:hidden}.fullscreen-nav-link:hover,.fullscreen-nav-link.active{color:var(--text-primary)}.fullscreen-nav-link.active .link-index{opacity:1;color:var(--cobalt-electric)}.link-index{color:var(--cobalt-light);letter-spacing:.1em;opacity:.7;flex-shrink:0;align-self:center;font-size:clamp(.65rem,2vw,.85rem);font-weight:600}.fullscreen-menu-footer{justify-content:center;margin-top:2.5rem;display:flex}.fullscreen-cta{background:var(--cobalt-electric);color:#fff;border-radius:var(--radius-full);letter-spacing:.06em;transition:var(--transition);box-shadow:0 6px 24px var(--cobalt-glow);white-space:nowrap;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.fullscreen-cta:hover{background:var(--cobalt-light);transform:translateY(-2px)}@media (width>=768px){.fullscreen-menu{align-items:center;padding:2rem}.fullscreen-nav{align-items:center;gap:.25rem;max-width:900px}.fullscreen-nav-link{justify-content:center;gap:1.25rem;font-size:clamp(3rem,8vw,5.5rem)}.fullscreen-menu-footer{justify-content:center}}.hero-section{padding-top:130px;padding-bottom:70px;position:relative}.hero-header-meta{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.hero-badge{color:var(--cobalt-light);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.hero-subline{color:var(--text-muted);letter-spacing:.08em;font-size:.72rem}.hero-title-wrap{margin-bottom:2.5rem;overflow:visible}.hero-huge-title{letter-spacing:-.04em;text-transform:uppercase;color:var(--text-primary);flex-direction:column;width:100%;font-size:clamp(1.55rem,7.8vw,6.2rem);font-weight:900;line-height:.98;display:flex}.hero-title-line{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;display:block}.hero-billboard{grid-template-columns:1fr;align-items:stretch;gap:2rem;display:grid}@media (width>=960px){.hero-billboard{grid-template-columns:1.15fr 1fr;gap:3rem}}.hero-media-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.hero-media-image{object-fit:cover;width:100%;height:100%;transition:transform .8s}.hero-media-card:hover .hero-media-image{transform:scale(1.03)}.hero-media-overlay{background:linear-gradient(#06090e1a 0%,#06090ecc 100%);position:absolute;inset:0}.hero-media-caption{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.caption-tag{color:var(--cobalt-light);letter-spacing:.1em;font-size:.7rem}.caption-title{color:#fff;letter-spacing:.05em;font-size:.75rem;font-weight:500}.hero-statement-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:2.25rem;display:flex;box-shadow:0 20px 40px #0006}.statement-top{color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.75rem;display:flex}.tag-alias{color:var(--cobalt-light)}.statement-heading{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:700;line-height:1.25}.statement-body{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.7}.statement-body strong{color:#fff}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary{background:var(--cobalt-electric);color:#fff;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);box-shadow:0 4px 20px var(--cobalt-glow);align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--cobalt-light);box-shadow:0 8px 28px var(--cobalt-glow);transform:translateY(-2px)}.btn-secondary{color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);background:0 0;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffff08;border-color:#fff6;transform:translateY(-2px)}.hero-stats-row{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid}.stat-pillow{flex-direction:column;display:flex}.stat-num{color:#fff;font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.terminal-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;cursor:pointer;background:#080d16;flex-direction:column;min-height:420px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000073}.terminal-card:hover{border-color:#0052ff66;box-shadow:0 20px 45px #0052ff1f}.terminal-holding{transition:transform .2s,border-color .2s,box-shadow .2s;transform:scale(.997);border-color:color-mix(in srgb, var(--cobalt-electric) 70%, transparent)!important;box-shadow:0 0 18px color-mix(in srgb, var(--cobalt-glow) 50%, transparent)!important}.hold-progress-line{z-index:15;background:#ffffff0a;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hold-progress-line-fill{background:linear-gradient(90deg, var(--cobalt-electric), var(--cobalt-light));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--cobalt-glow) 60%, transparent);transition:width 50ms linear}.terminal-header{border-bottom:1px solid var(--border-subtle);background:#ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.terminal-dots{gap:.4rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-title{color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.72rem;overflow:hidden}.terminal-meta{color:#10b981;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;display:flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #10b981}.terminal-close-btn{border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#ffffff14;justify-content:center;align-items:center;padding:.3rem .5rem;display:flex}.terminal-close-btn:hover{background:#ef4444;border-color:#ef4444}.terminal-body{flex-direction:column;flex-grow:1;justify-content:space-between;height:350px;padding:1.25rem 1.25rem 1rem;display:flex;overflow:hidden}.logs-scroll-area{flex-direction:column;flex-grow:1;gap:.35rem;padding-right:.5rem;display:flex;overflow:hidden auto}.logs-scroll-area::-webkit-scrollbar{width:4px}.logs-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.log-row{white-space:pre-wrap;word-break:break-all;font-size:.73rem;line-height:1.45}.log-cmd{color:#a855f7;font-weight:600}.log-info{color:var(--text-muted)}.log-success{color:#10b981}.log-cyan{color:#38bdf8}.log-dim{color:#64748b;font-size:.68rem}.http-row{align-items:center;gap:.6rem;font-size:.72rem;display:flex}.http-method{color:#f59e0b;min-width:45px;font-weight:700}.http-endpoint{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.http-status{font-weight:700}.status-2xx{color:#10b981}.status-3xx{color:var(--cobalt-light)}.status-err{color:#ef4444}.http-time{color:var(--text-muted);font-size:.65rem}.terminal-hint{border-radius:var(--radius-sm);color:var(--cobalt-light);letter-spacing:.05em;background:#0052ff14;border:1px dashed #0052ff59;align-items:center;gap:.45rem;margin-top:.75rem;padding:.55rem .85rem;font-size:.68rem;font-weight:600;display:inline-flex}.hint-icon{animation:4s linear infinite spin-subtle}@keyframes spin-subtle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snake-game-container{box-sizing:border-box;flex-direction:column;flex-grow:1;width:100%;padding:1.25rem;display:flex;position:relative}.game-status-bar{width:100%;color:var(--cobalt-light);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.controls-hint{color:var(--text-muted);font-size:.68rem}.snake-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-sizing:border-box;background:#06090ef2;flex-direction:column;flex-grow:1;gap:2px;width:100%;padding:4px;display:flex}.snake-row{flex-grow:1;gap:2px;width:100%;display:flex}.grid-cell{aspect-ratio:1;background:#ffffff05;border-radius:2px;flex:1}.snake-head{box-shadow:0 0 10px #fff;background:#fff!important}.snake-body{box-shadow:0 0 4px var(--cobalt-glow);background:var(--cobalt-electric)!important}.snake-food{border-radius:50%;animation:1.2s infinite pulse-dot;box-shadow:0 0 12px #10b981;background:#10b981!important}.mobile-dpad{flex-direction:column;align-items:center;gap:.3rem;margin-top:.75rem;display:flex}.dpad-middle{gap:1.5rem;display:flex}.dpad-btn{border:1px solid var(--border-subtle);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;transition:background .15s;display:flex}.dpad-btn:active{background:var(--cobalt-electric)}@media (width>=768px){.mobile-dpad{display:none}}.game-over-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#06090ef0;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.game-over-text{color:#ef4444;letter-spacing:.08em;font-size:1.2rem;font-weight:800}.game-over-score{color:var(--text-secondary);font-size:.85rem}.game-over-actions{gap:.8rem;margin-top:.5rem;display:flex}.game-retry-btn,.game-quit-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;font-family:var(--font-mono);transition:var(--transition);align-items:center;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.game-retry-btn{background:var(--cobalt-electric);color:#fff;border-color:var(--cobalt-electric)}.game-quit-btn{color:var(--text-secondary);background:#ffffff0f}.game-quit-btn:hover{color:#fff;background:#ffffff1f}.marquee-wrapper{white-space:nowrap;background:var(--bg-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:3.5rem 0;padding:1rem 0;overflow:hidden}.marquee-item{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:2rem;padding-right:2rem;font-size:.95rem;font-weight:700;display:inline-flex}.marquee-item span:first-child{transition:color .2s}.marquee-item:hover span:first-child{color:#fff}.marquee-star{color:var(--cobalt-electric);font-size:.8rem}.works-section{padding:80px 0;position:relative}.section-head{border-bottom:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;gap:1.5rem;margin-bottom:3.5rem;padding-bottom:1.5rem;display:flex}@media (width>=768px){.section-head{flex-direction:row;align-items:flex-end}}.section-index{color:var(--cobalt-light);letter-spacing:.12em;margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.section-title{letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.head-desc{max-width:480px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.projects-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-focus);transform:translateY(-4px);box-shadow:0 16px 36px #0052ff1f}.card-media{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.project-card:hover .card-img{transform:scale(1.04)}.card-media-overlay{background:linear-gradient(#0000 50%,#0c111ce6 100%);position:absolute;inset:0}.card-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:var(--cobalt-light);letter-spacing:.05em;text-transform:uppercase;background:#06090ebf;border:1px solid #ffffff1a;padding:.35rem .8rem;font-size:.7rem;font-weight:600;position:absolute;top:1.25rem;left:1.25rem}.card-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-num{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem}.card-links{gap:.75rem;display:flex}.icon-link{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.icon-link:hover{color:#fff;background:var(--cobalt-electric);border-color:var(--cobalt-electric)}.card-title{letter-spacing:-.02em;color:#fff;margin-bottom:.4rem;font-size:1.75rem;font-weight:800}.card-tagline{color:var(--cobalt-light);margin-bottom:1rem;font-size:.85rem}.card-summary{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.project-metrics{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:grid}.metric-box{flex-direction:column;display:flex}.metric-val{color:#fff;font-size:.95rem;font-weight:700}.metric-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.card-tech-list{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tech-pill{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08;padding:.3rem .65rem;font-size:.7rem}.card-title-link{color:inherit;text-decoration:none;transition:color .3s;display:block}.card-title-link:hover .card-title{color:var(--card-hover-color,var(--cobalt-light))}.card-num-link{color:inherit;text-decoration:none;transition:color .3s}.card-num-link:hover{color:var(--card-hover-color,var(--cobalt-light))}.archive-section{background:0 0;padding:8rem 0;position:relative}.archive-head{flex-direction:column;gap:2rem;margin-bottom:5rem;display:flex}.archive-label{color:var(--cobalt-light);letter-spacing:.15em;text-transform:uppercase;font-size:.875rem}.archive-title{color:var(--text-primary);margin-top:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.archive-desc{max-width:700px;color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.archive-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.archive-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:580px;transition:var(--transition);flex:380px;position:relative;overflow:hidden}.archive-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translateY(-4px);box-shadow:0 12px 40px #0052ff26}.archive-card-link{color:inherit;text-decoration:none;display:block}.archive-card-image{aspect-ratio:16/9;background:var(--bg-elevated);position:relative;overflow:hidden}.archive-card-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.archive-card:hover .archive-card-image img{transform:scale(1.05)}.archive-card-overlay{opacity:.6;transition:var(--transition);background:linear-gradient(#0000 0%,#06090eb3 100%);position:absolute;inset:0}.archive-card:hover .archive-card-overlay{opacity:.3}.archive-card-number{background:var(--cobalt-electric);color:var(--text-primary);border-radius:var(--radius-sm);letter-spacing:.05em;z-index:2;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:absolute;top:1rem;left:1rem}.archive-card-content{flex-direction:column;gap:1rem;padding:2rem;display:flex}.archive-card-header{justify-content:space-between;align-items:center;display:flex}.archive-card-role{color:var(--cobalt-light);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}.archive-card-arrow{color:var(--cobalt-light);transition:var(--transition)}.archive-card:hover .archive-card-arrow{transform:translate(4px)}.archive-card-title{color:var(--text-primary);transition:var(--transition);margin:.5rem 0;font-size:1.75rem;font-weight:700;line-height:1.2}.archive-card:hover .archive-card-title{color:var(--card-hover-color,var(--cobalt-light))}.archive-card-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem;line-height:1.6}.archive-card-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.archive-tag{background:var(--cobalt-subtle);border:1px solid var(--border-focus);color:var(--cobalt-light);letter-spacing:.03em;border-radius:var(--radius-sm);transition:var(--transition);padding:.375rem .75rem;font-size:.8125rem}.archive-card:hover .archive-tag{background:var(--cobalt-glow);border-color:var(--cobalt-light)}@media (width<=1024px){.archive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}}@media (width<=768px){.archive-section{padding:5rem 0}.archive-head{margin-bottom:3rem}.archive-grid{grid-template-columns:1fr;gap:1.5rem}.archive-card-content{padding:1.5rem}.archive-card-title{font-size:1.5rem}.archive-card-desc{font-size:.9375rem}}@media (width<=480px){.archive-card-number{padding:.375rem .75rem;font-size:.75rem}.archive-card-title{font-size:1.375rem}}.inquiry-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);background:#06090ed9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.inquiry-modal{border:1px solid var(--border-focus);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:0 25px 60px #000000b3, 0 0 35px var(--cobalt-glow);color:var(--text-primary);background:#0c111c;padding:2.2rem;position:relative;overflow:hidden}.inquiry-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--cobalt-light), transparent);height:2px;position:absolute;top:0;left:20%;right:20%}.inquiry-close-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.inquiry-close-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:rotate(90deg)}.inquiry-header{margin-bottom:1.5rem;padding-right:2rem}.inquiry-badge{letter-spacing:.12em;color:var(--cobalt-light);margin-bottom:.4rem;font-size:.72rem;display:inline-block}.inquiry-title{color:#fff;margin-bottom:.35rem;font-size:1.5rem;font-weight:700;line-height:1.2}.inquiry-subtitle{color:var(--text-secondary);font-size:.88rem}.inquiry-input-group{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;display:flex}.inquiry-label{letter-spacing:.08em;color:var(--text-muted);font-size:.78rem}.inquiry-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);transition:var(--transition);background:#ffffff0a;outline:none;padding:.85rem 1rem;font-size:.95rem}.inquiry-input:focus{border-color:var(--cobalt-light);box-shadow:0 0 16px var(--cobalt-glow);background:#ffffff12}.inquiry-input::placeholder{color:var(--text-muted)}.inquiry-preview-box{border-radius:var(--radius-md);background:#0052ff0d;border:1px solid #0052ff2e;margin-bottom:1.5rem;padding:1rem}.inquiry-preview-label{color:var(--cobalt-light);letter-spacing:.1em;margin-bottom:.4rem;font-size:.7rem;display:block}.inquiry-preview-text{color:var(--text-secondary);white-space:pre-wrap;max-height:100px;font-size:.82rem;line-height:1.5;overflow-y:auto}.inquiry-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.inquiry-channel-btn{border-radius:var(--radius-md);letter-spacing:.05em;cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.2rem;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.inquiry-channel-whatsapp{color:#06090e;background:#25d366}.inquiry-channel-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 0 25px #25d36666}.inquiry-channel-email{background:var(--cobalt-electric);color:#fff}.inquiry-channel-email:hover{background:var(--cobalt-light);box-shadow:0 0 25px var(--cobalt-glow);transform:translateY(-2px)}@media (width<=520px){.inquiry-modal{padding:1.6rem}.inquiry-actions{grid-template-columns:1fr}}.services-section{padding:80px 0;position:relative}.services-head{border-bottom:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;gap:1.5rem;margin-bottom:3.5rem;padding-bottom:1.5rem;display:flex}@media (width>=768px){.services-head{flex-direction:row;align-items:flex-end}}.services-label{color:var(--cobalt-light);letter-spacing:.12em;margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.services-title{letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.services-desc{max-width:480px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.services-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.service-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:420px;transition:var(--transition);flex-direction:column;flex:340px;padding:2.5rem 2rem;display:flex;position:relative}.service-card:hover{border-color:var(--border-focus);transform:translateY(-4px);box-shadow:0 16px 36px #0052ff1a}.service-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.service-num{color:var(--cobalt-light);letter-spacing:-.05em;font-size:1.8rem;font-weight:800}.service-badge{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.05em;background:#ffffff08;padding:.3rem .65rem;font-size:.65rem}.service-heading{color:#fff;letter-spacing:-.02em;min-height:3.2rem;margin-bottom:1rem;font-size:1.35rem;font-weight:700}.service-body{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.65}.service-bullets{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;margin-bottom:2.5rem;padding-top:1.25rem;display:flex}.service-bullet{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.bullet-icon{color:var(--cobalt-light);flex-shrink:0}.service-footer{margin-top:auto}.service-cta{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;width:100%;transition:var(--transition);background:0 0;padding:.75rem;font-size:.78rem;font-weight:600;text-decoration:none;display:block}.service-card:hover .service-cta{background:var(--cobalt-electric);border-color:var(--cobalt-electric);color:#fff}.philosophy-section{padding:80px 0;position:relative}.philosophy-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0052ff14 0%,#06090e80 100%);grid-template-columns:1fr;align-items:center;gap:2rem;margin-bottom:3rem;padding:3rem 2.5rem;display:grid}@media (width>=900px){.philosophy-banner{grid-template-columns:1.2fr 1fr;gap:4rem}}.banner-tag{color:var(--cobalt-light);letter-spacing:.12em;margin-bottom:.8rem;font-size:.72rem;font-weight:600;display:block}.banner-title{letter-spacing:-.02em;text-transform:uppercase;color:#fff;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.15}.banner-quote{color:var(--text-secondary);border-left:2px solid var(--cobalt-electric);padding-left:1.5rem;font-size:1.05rem;font-style:italic;line-height:1.7}.philosophy-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.philosophy-grid{grid-template-columns:repeat(3,1fr)}}.philosophy-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);padding:2.25rem 2rem}.philosophy-card:hover{border-color:#fff3;transform:translateY(-3px)}.phil-header{margin-bottom:1.25rem}.phil-index{color:var(--cobalt-light);letter-spacing:.08em;font-size:.72rem}.phil-title{color:#fff;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.35rem;font-weight:700}.phil-content{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.tech-stack-section{z-index:2;background-color:#0000;padding:120px 0;position:relative}.tech-stack-head{text-align:center;max-width:800px;margin:0 auto 50px}.tech-stack-badge{border-radius:var(--radius-full);background:var(--cobalt-subtle);border:1px solid var(--border-focus);color:var(--cobalt-light);letter-spacing:.15em;margin-bottom:16px;padding:4px 16px;font-size:.78rem;display:inline-block}.tech-stack-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--cobalt-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.tech-stack-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.tech-stack-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:48px;display:flex}.tech-filter-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);letter-spacing:.04em;cursor:pointer;transition:var(--transition);background:#ffffff08;padding:8px 18px;font-size:.82rem}.tech-filter-pill:hover{color:var(--text-primary);background:#ffffff12;border-color:#ffffff2e;transform:translateY(-1px)}.tech-filter-pill.is-active{background:var(--cobalt-electric);border-color:var(--cobalt-electric);color:#fff;box-shadow:0 0 25px var(--cobalt-glow)}.tech-stack-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.tech-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);flex-direction:column;flex:285px;gap:18px;max-width:380px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tech-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cobalt-electric), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:15%;right:15%}.tech-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translateY(-4px);box-shadow:0 16px 36px #0006,0 0 25px #0052ff26}.tech-card:hover:before{opacity:1}.tech-card-header{justify-content:space-between;align-items:center;display:flex}.tech-icon-box{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;width:48px;height:48px;padding:9px;transition:transform .3s,border-color .3s;display:flex}.tech-card:hover .tech-icon-box{border-color:var(--cobalt-light);background:#0052ff1a;transform:scale(1.1)rotate(2deg)}.tech-icon-img{object-fit:contain;width:100%;height:100%}.tech-icon-img.invert-dark{filter:invert()}.tech-icon-img.brand-cyan{filter:invert(45%)sepia(90%)saturate(1400%)hue-rotate(200deg)}.tech-percentage{color:#fff;background:var(--cobalt-subtle);border-radius:var(--radius-sm);border:1px solid #0052ff59;padding:4px 10px;font-size:.95rem;font-weight:700}.tech-info{flex-direction:column;gap:4px;display:flex}.tech-name{color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.2}.tech-subtext{color:var(--text-muted);font-size:.8rem;line-height:1.4}.tech-progress-bar{border-radius:var(--radius-full);background:#ffffff12;width:100%;height:5px;position:relative;overflow:hidden}.tech-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--cobalt-electric), var(--cobalt-light));height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #387cff99}@media (width<=640px){.tech-stack-section{padding:80px 0}.tech-card{flex:100%;max-width:100%}}.contact-section{padding:80px 0 60px;position:relative}.contact-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:3.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}@media (width>=768px){.contact-card{padding:5rem 4rem}}.contact-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cobalt-electric), transparent);height:1px;position:absolute;top:0;left:20%;right:20%}.contact-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.72rem;display:flex}.contact-eyebrow{color:var(--cobalt-light);letter-spacing:.12em}.contact-avail{color:var(--text-muted);letter-spacing:.08em}.contact-big-title{letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-wrap:balance;max-width:900px;margin:0 auto 1.5rem;font-size:clamp(1.5rem,7vw,4.5rem);font-weight:900;line-height:1.05}.contact-subtext{max-width:580px;color:var(--text-secondary);margin:0 auto 2.5rem;font-size:1rem;line-height:1.65}.email-action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.email-pill{background:var(--cobalt-electric);color:#fff;border-radius:var(--radius-full);letter-spacing:.03em;transition:var(--transition);box-shadow:0 4px 20px var(--cobalt-glow);align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.email-pill:hover{background:var(--cobalt-light);box-shadow:0 8px 30px var(--cobalt-glow);transform:translateY(-2px)}.email-icon{flex-shrink:0}.copy-button{border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;cursor:pointer;transition:var(--transition);background:#ffffff0a;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:.8rem;font-weight:600;display:inline-flex}.copy-button:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.text-success{color:#10b981}.contact-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:2rem;padding-top:3rem;display:flex}.social-links-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-anchor{letter-spacing:.06em;color:var(--text-secondary);transition:var(--transition);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.78rem;text-decoration:none;display:inline-flex}.social-anchor:hover{color:#fff;background:#ffffff0a}.colophon{color:var(--text-muted);letter-spacing:.08em;flex-direction:column;gap:.4rem;font-size:.7rem;display:flex}.colophon-muted{color:#475569;font-size:.65rem}.project-detail-container{min-height:100vh;color:var(--text-primary);background:0 0;padding:4rem 0 6rem;position:relative;overflow:hidden}.back-btn{border:1px solid var(--border-subtle);color:var(--text-primary);letter-spacing:.05em;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.5rem;margin-bottom:3rem;padding:.75rem 1.5rem;font-size:.875rem;display:inline-flex}.back-btn:hover{background:var(--bg-card);border-color:var(--border-focus);transform:translate(-4px)}.project-detail-header{text-align:center;max-width:900px;margin:0 auto 4rem}.project-category{color:var(--cobalt-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;display:inline-block}.project-detail-title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}.project-tagline{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.project-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.action-btn{border-radius:var(--radius-sm);transition:var(--transition);letter-spacing:.05em;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.action-btn.primary{background:var(--cobalt-electric);color:var(--text-primary);border:2px solid var(--cobalt-electric)}.action-btn.primary:hover{background:var(--cobalt-light);border-color:var(--cobalt-light);box-shadow:0 8px 24px var(--cobalt-glow);transform:translateY(-2px)}.action-btn.secondary{color:var(--text-primary);border:2px solid var(--border-subtle);background:0 0}.action-btn.secondary:hover{background:var(--bg-card);border-color:var(--border-focus);transform:translateY(-2px)}.project-media-section{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);margin:4rem 0;overflow:hidden}.project-media-img,.project-media-video{width:100%;height:auto;display:block}.project-info-grid{grid-template-columns:1fr 380px;gap:4rem;margin-top:4rem;display:grid}.project-main-content{flex-direction:column;gap:3rem;display:flex}.content-section{flex-direction:column;gap:1.5rem;display:flex}.section-title{color:var(--text-primary);font-size:2rem}.section-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.features-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.feature-item{color:var(--text-secondary);align-items:flex-start;gap:1rem;font-size:1.125rem;line-height:1.6;display:flex}.feature-icon{color:var(--cobalt-light);flex-shrink:0;margin-top:.25rem}.project-sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition);padding:2rem}.sidebar-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.sidebar-title{letter-spacing:.1em;color:var(--cobalt-light);text-transform:uppercase;margin-bottom:1.5rem;font-size:.875rem}.tech-tags{flex-wrap:wrap;gap:.75rem;display:flex}.tech-tag{background:var(--cobalt-subtle);border:1px solid var(--border-focus);color:var(--cobalt-light);letter-spacing:.05em;border-radius:var(--radius-sm);transition:var(--transition);padding:.5rem 1rem;font-size:.875rem}.tech-tag:hover{background:var(--cobalt-glow);border-color:var(--cobalt-light)}.metrics-list{flex-direction:column;gap:1.5rem;display:flex}.metric-item{flex-direction:column;gap:.5rem;display:flex}.metric-value{color:var(--cobalt-light);letter-spacing:.05em;font-size:1.75rem;font-weight:600}.metric-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}.meta-list{flex-direction:column;gap:1rem;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.meta-item svg{color:var(--cobalt-light);flex-shrink:0}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{color:var(--text-primary);margin-bottom:2rem;font-size:3rem}@media (width<=1024px){.project-info-grid{grid-template-columns:1fr;gap:3rem}.project-sidebar{order:2}}@media (width<=768px){.project-detail-container{padding:2rem 0 4rem}.back-btn{margin-bottom:2rem}.project-detail-title{font-size:2.5rem}.project-tagline{font-size:1.125rem}.section-title{font-size:1.5rem}.section-text,.feature-item{font-size:1rem}.sidebar-card{padding:1.5rem}}