*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050a14;--bg-card: rgba(10, 22, 40, .6);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .3);--cyan-glow: rgba(0, 212, 255, .15);--glow-border: rgba(0, 212, 255, .65);--glow-border-shadow: 0 0 48px rgba(0, 212, 255, .35), inset 0 0 50px rgba(0, 212, 255, .08);--text: #e0eaf5;--text-muted: rgba(224, 234, 245, .5);--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif;--size: 5px;--bg-color: #0a0e17;--step-x: 7px;--step-y: calc(7px * .866025)}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;margin:0}.brand-headline-container{display:inline-flex;align-items:center;gap:30px}.tagline{font-family:var(--font-body);font-size:.85rem;letter-spacing:.05em;color:var(--text-muted);text-transform:none;opacity:.95;white-space:nowrap}.hex-matrix-container{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.cube{position:absolute;width:var(--size);height:var(--size);background-color:#1a2333;border-radius:1px;transition:all .3s ease;animation:matrix-charge 2.5s infinite ease-in-out}.c1{transform:translate(calc(var(--step-x) * -1.5),calc(var(--step-y) * -3));animation-delay:0s}.c2{transform:translate(calc(var(--step-x) * -.5),calc(var(--step-y) * -3));animation-delay:.1s}.c3{transform:translate(calc(var(--step-x) * .5),calc(var(--step-y) * -3));animation-delay:.2s}.c4{transform:translate(calc(var(--step-x) * 1.5),calc(var(--step-y) * -3));animation-delay:.3s}.c5{transform:translate(calc(var(--step-x) * -2),calc(var(--step-y) * -2));animation-delay:1.7s}.c6{transform:translate(calc(var(--step-x) * 2),calc(var(--step-y) * -2));animation-delay:.4s}.c7{transform:translate(calc(var(--step-x) * -2.5),calc(var(--step-y) * -1));animation-delay:1.6s}.c8{transform:translate(calc(var(--step-x) * 2.5),calc(var(--step-y) * -1));animation-delay:.5s}.c9{transform:translate(calc(var(--step-x) * -3));animation-delay:1.5s}.c10{transform:translate(calc(var(--step-x) * 3));animation-delay:.6s}.c11{transform:translate(calc(var(--step-x) * -2.5),calc(var(--step-y) * 1));animation-delay:1.4s}.c12{transform:translate(calc(var(--step-x) * 2.5),calc(var(--step-y) * 1));animation-delay:.7s}.c13{transform:translate(calc(var(--step-x) * -2),calc(var(--step-y) * 2));animation-delay:1.3s}.c14{transform:translate(calc(var(--step-x) * 2),calc(var(--step-y) * 2));animation-delay:.8s}.c15{transform:translate(calc(var(--step-x) * -1.5),calc(var(--step-y) * 3));animation-delay:1.1s}.c16{transform:translate(calc(var(--step-x) * -.5),calc(var(--step-y) * 3));animation-delay:1s}.c17{transform:translate(calc(var(--step-x) * .5),calc(var(--step-y) * 3));animation-delay:.9s}.c18{transform:translate(calc(var(--step-x) * 1.5),calc(var(--step-y) * 3));animation-delay:.8s}@keyframes matrix-charge{0%,to{background-color:#1a2333;box-shadow:none;filter:brightness(1)}15%{background-color:#00e5ff;box-shadow:0 0 8px #00e5ff,0 0 16px #00e5ff66;filter:brightness(1.3)}30%{background-color:#651fff;box-shadow:0 0 8px #651fff;filter:brightness(1.1)}45%,90%{background-color:#161c26;box-shadow:none}}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px)}#intro-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg)}.intro-phase{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg)}.intro-phase.active{display:flex}#boot-loader{gap:20px}.splash-logo{width:min(340px,82vw);height:auto;filter:drop-shadow(0 0 24px rgba(0,212,255,.35));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-6px);opacity:.95}}.loader-ring{width:48px;height:48px;border:2px solid var(--cyan-dim);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.loader-text{font-family:var(--font-mono);font-size:.75rem;color:var(--cyan);letter-spacing:.15em;animation:pulse 1.5s ease-in-out infinite}#brain-intro-phase{padding:0;gap:0;background:var(--bg);overflow:hidden}.intro-head-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:900px;z-index:0}.intro-brain-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;pointer-events:none}.intro-ai-head{position:relative;inset:auto;width:min(72vw,640px);height:auto;max-height:72vh;object-fit:contain;object-position:center;animation:introHeadRotate 8s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(0,200,255,.35))}@keyframes introHeadRotate{0%,to{transform:rotateY(-8deg) translateY(0)}50%{transform:rotateY(8deg) translateY(-10px)}}.intro-brain-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 0%,rgba(5,10,20,.45) 55%,var(--bg) 100%),linear-gradient(to bottom,var(--bg) 0%,transparent 18%,transparent 72%,var(--bg) 100%),linear-gradient(to right,var(--bg) 0%,transparent 12%,transparent 88%,var(--bg) 100%)}.intro-brain-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;padding-bottom:48px}#brain-intro-phase .intro-speech-box{margin-bottom:24px;max-width:480px;width:90%}#brain-intro-phase .intro-brand{position:relative;bottom:auto}.intro-speech-box{padding:16px 28px;background:#00d4ff14;border:1px solid var(--cyan-dim);border-radius:12px;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.intro-speech-indicator{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin:0 auto 12px;box-shadow:0 0 12px var(--cyan);animation:pulse 1.2s ease-in-out infinite}.intro-message{font-family:var(--font-display);font-size:1.15rem;color:var(--text);letter-spacing:.04em;min-height:1.5em}.intro-brand{font-family:var(--font-display);font-size:.75rem;letter-spacing:.3em;color:var(--cyan-dim);text-transform:uppercase}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:linear-gradient(to bottom,rgba(5,10,20,.9),transparent)}.header-logo{display:flex;align-items:center;text-decoration:none;transition:filter .25s,transform .25s}.header-logo:hover{filter:drop-shadow(0 0 12px rgba(0,212,255,.45));transform:translateY(-1px)}.logo-img{display:block;height:48px;width:auto}.logo-bracket{color:var(--cyan)}.logo-name{color:var(--text);font-weight:400;margin-left:4px}.header-nav{display:flex;align-items:center;gap:28px}.header-nav a{color:var(--text-muted);text-decoration:none;font-size:.85rem;letter-spacing:.05em;transition:color .3s}.header-nav a:hover{color:var(--cyan)}.nav-cta{padding:8px 20px;border:1px solid var(--cyan-dim);border-radius:4px;color:var(--cyan)!important;transition:background .3s,box-shadow .3s!important}.nav-cta:hover{background:var(--cyan-glow);box-shadow:0 0 20px var(--cyan-glow)}.hero{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 40px}.hero-stage{position:relative;width:100%;max-width:1200px;height:88vh;max-height:900px}.hero-card-carousel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,64vw,54vh);z-index:5;pointer-events:none}.card-carousel-viewport{width:100%;aspect-ratio:48 / 48;overflow:visible;perspective:1600px;perspective-origin:50% 50%}.carousel-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d}.feature-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none}.feature-card.is-active{pointer-events:auto}.feature-card-media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at center,rgba(0,40,70,.35) 0%,var(--bg) 100%);mask-image:radial-gradient(ellipse 92% 94% at 50% 48%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 92% 94% at 50% 48%,#000 60%,transparent 100%)}.feature-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78;filter:saturate(1.08) brightness(.95) contrast(1.05)}.feature-card-blend{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 85% at 50% 45%,transparent 30%,rgba(5,10,20,.35) 65%,rgba(5,10,20,.92) 100%),linear-gradient(to bottom,rgba(5,10,20,.75) 0%,transparent 18%,transparent 82%,rgba(5,10,20,.85) 100%),linear-gradient(to right,rgba(5,10,20,.5) 0%,transparent 12%,transparent 88%,rgba(5,10,20,.5) 100%)}.hero-center{position:absolute;top:2%;left:50%;transform:translate(-50%);text-align:center;z-index:15;pointer-events:none;width:100%;padding:0 20px}.hero-label{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono);font-size:.65rem;color:var(--cyan);letter-spacing:.25em;opacity:.85;text-shadow:0 0 20px rgba(0,212,255,.5)}.hero-label:before,.hero-label:after{content:"";width:40px;height:1px;background:var(--cyan);opacity:.5}.hero-bottom{position:absolute;bottom:4%;left:50%;transform:translate(-50%);text-align:center;z-index:6;pointer-events:none;width:100%;padding:0 20px}.hero-tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--cyan);letter-spacing:.15em;opacity:.85;text-shadow:0 0 20px rgba(0,212,255,.5)}.hero-title{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,2.2rem);font-weight:500;color:var(--text);line-height:1.15;margin-top:6px}.hero-title .highlight{color:var(--cyan)}.tag-code{font-size:.85rem}.holo-panel{position:absolute;background:var(--bg-card);border:1px solid var(--glow-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glow-border-shadow);z-index:10;overflow:hidden;box-sizing:border-box;width:308px;height:250px;min-height:250px;padding:14px;display:flex;flex-direction:column}.holo-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5}.holo-top-left{top:16%;left:2%}.holo-top-right{top:16%;right:2%}.holo-mid-right{bottom:12%;right:2%;top:auto}.holo-mid-left{bottom:12%;left:2%;top:auto}.holo-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-shrink:0}.holo-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);animation:pulse 2s ease-in-out infinite}.holo-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.holo-code{font-family:var(--font-mono);font-size:.52rem;line-height:1.4;color:var(--text-muted);overflow:hidden;margin-top:auto;margin-bottom:auto}.holo-top-left .holo-code{font-size:.55rem;line-height:1.1}.code-keyword{color:#c792ea}.code-str{color:#c3e88d}.code-num{color:#f78c6c}.holo-neural{width:100%;height:auto;display:block;margin-top:auto;margin-bottom:auto}.holo-formula{text-align:center;margin-top:auto;margin-bottom:auto}.formula-brain{font-size:3.2rem;margin-bottom:14px;filter:drop-shadow(0 0 18px rgba(0,212,255,.7))}.ai-core-code{display:inline-block;text-align:left;font-family:var(--font-mono);font-size:.58rem;line-height:1.45;color:var(--text-muted)}.holo-formula p{font-family:var(--font-mono);font-size:.65rem;color:var(--cyan);line-height:1.5}.formula-tag{display:block;margin-top:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--cyan-dim)}.holo-stats{display:flex;flex-direction:column;gap:8px;margin-top:auto;margin-bottom:auto}.stat-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);white-space:nowrap}.stat-val{color:var(--cyan);font-weight:600}.stat-bar{height:3px;background:#00d4ff1a;border-radius:2px;margin-top:4px;overflow:hidden}.stat-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--cyan),#0088ff);border-radius:2px;box-shadow:0 0 8px var(--cyan)}.speech-bubble{position:fixed;bottom:6%;left:50%;transform:translate(-50%);z-index:25;max-width:480px;width:90%;padding:16px 24px;background:#00d4ff14;border:1px solid var(--cyan-dim);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:center;transition:left .4s,transform .4s,opacity .4s}.speech-bubble.in-showcase{left:auto;right:5%;transform:translate(0);text-align:left;max-width:340px;bottom:10%}.speech-bubble.is-hidden{opacity:0!important;visibility:hidden;pointer-events:none}.speech-indicator{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin:0 auto 10px;box-shadow:0 0 12px var(--cyan);animation:pulse 1.5s ease-in-out infinite}.speech-text{font-size:.9rem;line-height:1.6;color:var(--text);font-weight:300}.hero-scroll{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:15}.hero-scroll span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.scroll-chevron{width:16px;height:16px;border-right:1px solid var(--cyan-dim);border-bottom:1px solid var(--cyan-dim);transform:rotate(45deg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.3}50%{transform:rotate(45deg) translateY(6px);opacity:1}}.scroll-progress{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transition:opacity .4s;pointer-events:none}.scroll-progress:before{content:"";width:2px;height:100px;background:#00d4ff1f;border-radius:1px}.scroll-progress-fill{position:absolute;top:0;width:2px;height:0%;max-height:100px;background:var(--cyan);border-radius:1px;box-shadow:0 0 10px var(--cyan)}.scroll-progress-label{font-family:var(--font-mono);font-size:.65rem;color:var(--cyan);letter-spacing:.1em}.scroll-progress.is-visible{opacity:1}.showcase-scroll{position:relative;z-index:10;height:400vh}.showcase-pin{height:100vh;width:100%;position:relative}.showcase-ui{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(420px,38vw);z-index:20;pointer-events:none}.showcase-header{margin-bottom:32px}.showcase-header .section-label{margin-bottom:8px}.showcase-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.2}.card-details{position:relative;min-height:280px;background:var(--bg-card);border:1px solid var(--glow-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glow-border-shadow);overflow:hidden;pointer-events:auto}.card-details:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5;z-index:1}.card-detail{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px;box-sizing:border-box;opacity:0;transform:translate(30px);transition:opacity .5s,transform .5s;pointer-events:none}.card-detail.active{opacity:1;transform:translate(0);pointer-events:auto}.card-detail-num{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--cyan-dim);line-height:1;display:block;margin-bottom:8px}.card-detail-cat{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-detail-cat:before{content:"";width:6px;height:6px;flex-shrink:0;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);animation:pulse 2s ease-in-out infinite}.card-detail-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;margin-bottom:16px;line-height:1.2}.card-detail-desc{font-size:.95rem;line-height:1.7;color:var(--text-muted);margin-bottom:20px}.card-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.card-detail-tags span{font-family:var(--font-mono);font-size:.65rem;padding:5px 12px;border:1px solid var(--cyan-dim);border-radius:4px;color:var(--cyan)}.showcase-card-left{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:min(620px,46vw);aspect-ratio:1.38 / 1;z-index:20;pointer-events:none}.project-card-left{position:absolute;top:0;right:0;bottom:0;left:0;padding:36px 40px;box-sizing:border-box;background:linear-gradient(180deg,#0a1628f0,#050a14f7);border:1px solid var(--glow-border);border-radius:20px;box-shadow:var(--glow-border-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;opacity:0;transform:translate(-50px) scale(.9);transition:opacity .5s ease,transform .75s cubic-bezier(.34,1.56,.64,1);pointer-events:none;display:flex;flex-direction:column}.project-card-left.active{opacity:1;transform:translate(0) scale(1);transition:opacity .5s ease,transform .75s cubic-bezier(.34,1.56,.64,1);animation:cardFloat 4s ease-in-out .75s infinite alternate;pointer-events:auto}@keyframes cardFloat{0%{translate:0 0}to{translate:0 -8px}}.project-card-left:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.project-card-num{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,3.2vw,2.8rem);color:var(--cyan-dim);line-height:1;margin-bottom:14px}.project-card-cat{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px;margin-bottom:12px}.project-card-cat .cat-dot{width:6px;height:6px;flex-shrink:0;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);animation:pulse 2s ease-in-out infinite}.project-card-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:600;color:var(--text);line-height:1.2;margin-bottom:16px}.project-card-desc{font-size:.9rem;line-height:1.65;color:var(--text-muted);flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;margin-right:-10px;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}.project-card-desc::-webkit-scrollbar{width:5px}.project-card-desc::-webkit-scrollbar-track{background:transparent}.project-card-desc::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}.project-card-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.project-card-tags span{font-family:var(--font-mono);font-size:.7rem;padding:7px 14px;border:1px solid var(--cyan-dim);border-radius:6px;color:var(--cyan)}.showcase-nav{display:flex;align-items:center;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid rgba(0,212,255,.1)}.showcase-counter{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.showcase-counter span{color:var(--cyan);font-weight:600}.showcase-dots{display:flex;gap:8px}.showcase-dot{width:8px;height:8px;border-radius:50%;background:#00d4ff33;transition:background .3s,box-shadow .3s,transform .3s}.showcase-dot.active{background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:scale(1.3)}.section{position:relative;z-index:10;padding:120px 40px}.section-dark{background:#00d4ff05;border-top:1px solid rgba(0,212,255,.06);border-bottom:1px solid rgba(0,212,255,.06)}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--cyan);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15;margin-bottom:48px;letter-spacing:-.02em}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work-card{padding:32px;background:var(--bg-card);border:1px solid rgba(0,212,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,box-shadow .3s,transform .3s;cursor:default}.work-card:hover{border-color:var(--cyan-dim);box-shadow:0 0 30px var(--cyan-glow);transform:translateY(-4px)}.work-icon{font-size:2rem;margin-bottom:16px}.work-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:10px;color:var(--text)}.work-card p{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin-bottom:16px}.work-tags{display:flex;flex-wrap:wrap;gap:8px}.work-tags span{font-family:var(--font-mono);font-size:.65rem;padding:4px 10px;border:1px solid rgba(0,212,255,.15);border-radius:4px;color:var(--cyan)}.projects-list{display:flex;flex-direction:column;gap:32px}.project-item{display:grid;grid-template-columns:60px 1fr 80px;gap:24px;align-items:center;padding:32px;background:var(--bg-card);border:1px solid rgba(0,212,255,.08);border-radius:12px;transition:border-color .3s,box-shadow .3s}.project-item:hover{border-color:var(--cyan-dim);box-shadow:0 0 25px var(--cyan-glow)}.project-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--cyan-dim)}.project-info h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:8px}.project-info p{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin-bottom:12px}.project-meta{display:flex;gap:8px}.project-meta span{font-family:var(--font-mono);font-size:.6rem;padding:3px 8px;background:#00d4ff14;border-radius:3px;color:var(--cyan)}.project-visual{display:flex;align-items:center;justify-content:center}.project-ring{width:50px;height:50px;border:2px solid var(--cyan-dim);border-top-color:var(--cyan);border-radius:50%;animation:spin 3s linear infinite}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-desc{font-size:1rem;line-height:1.8;color:var(--text-muted);margin-bottom:32px}.about-stats{display:flex;gap:40px}.about-stat-num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--cyan)}.about-stat-label{font-size:.8rem;color:var(--text-muted)}.about-terminal{background:#050a14cc;border:1px solid rgba(0,212,255,.15);border-radius:10px;overflow:hidden;box-shadow:0 0 30px var(--cyan-glow)}.terminal-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#00d4ff0a;border-bottom:1px solid rgba(0,212,255,.08)}.term-dot{width:10px;height:10px;border-radius:50%}.term-dot.red{background:#ff5f57}.term-dot.yellow{background:#febc2e}.term-dot.green{background:#28c840}.term-title{margin-left:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.terminal-body{padding:20px;font-family:var(--font-mono);font-size:.8rem;line-height:1.8}.term-prompt{color:var(--cyan)}.term-output{color:var(--text-muted);padding-left:16px}.term-cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.section-contact{text-align:center;padding-bottom:80px}.contact-inner{display:flex;flex-direction:column;align-items:center}.contact-desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px;max-width:400px}.contact-btn{display:inline-block;padding:16px 40px;border:1px solid var(--cyan);border-radius:6px;color:var(--cyan);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:background .3s,box-shadow .3s;margin-bottom:24px}.contact-btn:hover{background:var(--cyan-glow);box-shadow:0 0 30px var(--cyan-glow)}.social-links{display:flex;gap:24px}.social-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .3s}.social-link:hover{color:var(--cyan)}.footer{margin-top:60px;padding-top:24px;border-top:1px solid rgba(0,212,255,.08);display:flex;justify-content:space-between;width:100%;max-width:1100px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:1000px;margin-bottom:32px}.service-card{flex:1 1 140px;max-width:160px;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;background:var(--bg-card);border:1px solid rgba(0,212,255,.25);border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.service-card:hover{transform:translateY(-6px) scale(1.03);border-color:var(--cyan);box-shadow:0 0 24px #00d4ff40,inset 0 0 18px #00d4ff14}.service-icon{width:48px;height:48px;font-size:2rem;line-height:48px;text-align:center;filter:drop-shadow(0 0 6px var(--cyan-dim));transition:filter .3s ease,transform .3s ease}.service-card:hover .service-icon{filter:drop-shadow(0 0 12px var(--cyan));transform:scale(1.15)}.service-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-align:center;letter-spacing:.04em;line-height:1.3}.service-card:hover .service-label{color:var(--text)}@media(max-width:900px){.holo-top-left,.holo-top-right{width:268px}.holo-mid-left,.holo-mid-right{display:none}.intro-ai-head{width:88vw;max-height:60vh}.hero-card-carousel{width:min(680px,92vw,46vh)}.hero-stage{height:92vh;max-height:none}.speech-bubble.in-showcase{right:auto;left:50%;transform:translate(-50%);text-align:center;bottom:6%}.showcase-ui{right:auto;left:50%;transform:translate(-50%) translateY(20%);width:90%;top:auto;bottom:12%}.showcase-card-left{left:50%;top:8%;transform:translate(-50%);width:90%;aspect-ratio:1.5 / 1}.showcase-scroll{height:350vh}.work-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.project-item{grid-template-columns:40px 1fr}.project-visual{display:none}.header-nav a:not(.nav-cta){display:none}}@media(max-width:600px){.intro-message{font-size:.95rem}#brain-intro-phase .intro-speech-box{margin-bottom:16px;max-width:92%}.header{padding:16px 20px}.section{padding:80px 20px}.speech-bubble{bottom:4%;padding:12px 16px}.speech-text{font-size:.8rem}.footer{flex-direction:column;gap:8px;text-align:center}}@media(prefers-reduced-motion:reduce){.loader-ring,.scroll-chevron,.project-ring,.term-cursor{animation:none}}