:root{--bg-color: #0a0a0a;--text-primary: #ededed;--text-secondary: #888888;--accent-color: #cc0000;--accent-hover: #e60000;--accent-soft: rgba(204, 0, 0, .15);--h2-gradient-start: #ededed;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--scrollbar-width: 6px;--scrollbar-track: #111111;--scrollbar-thumb: rgba(204, 0, 0, .4);--scrollbar-thumb-hover: rgba(204, 0, 0, .65);--scrollbar-thumb-active: #cc0000;--bg-glow: rgba(204, 0, 0, .07);--bg-glow-secondary: rgba(204, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--card-shadow: 0 0 0 1px rgba(255, 255, 255, .06);--thumb-gradient: linear-gradient(135deg, #111111 0%, #1a0000 50%, #0a0a0a 100%);--thumb-glow-1: rgba(204, 0, 0, .3);--thumb-glow-2: rgba(204, 0, 0, .12);--section-padding: 8rem 5%;--section-min-height: 100vh;--font-size-h2: 3rem;--hero-grid-cols: 1.2fr .8fr;--hero-gap: 4rem;--hero-subtitle-size: 1.5rem;--about-grid-cols: 1.2fr .8fr;--about-gap: 6rem;--deep-dive-cols: repeat(3, 1fr);--projects-grid-cols: repeat(auto-fit, minmax(340px, 1fr));--projects-gap: 2.5rem;--nav-gap: 2.5rem}@media (max-width: 1024px){:root{--section-padding: 5rem 6%;--hero-grid-cols: 1fr;--about-grid-cols: 1fr;--about-gap: 3rem;--deep-dive-cols: 1fr;--projects-grid-cols: 1fr}}@media (max-width: 768px){:root{--section-padding: 5rem 5% 3rem;--section-min-height: auto;--font-size-h2: 2.25rem;--hero-gap: 2.5rem;--hero-subtitle-size: 1.1rem;--about-grid-cols: 1fr;--about-gap: 2.5rem;--projects-gap: 1.5rem;--nav-gap: 1rem}}@media (max-width: 480px){:root{--nav-gap: .75rem}}[data-theme=light]{--bg-color: #fafafa;--text-primary: #111111;--text-secondary: #666666;--accent-color: #0070f3;--accent-hover: #0060d4;--accent-soft: rgba(0, 112, 243, .12);--h2-gradient-start: #111111;--scrollbar-track: #e5e7eb;--scrollbar-thumb: rgba(0, 112, 243, .3);--scrollbar-thumb-hover: rgba(0, 112, 243, .55);--scrollbar-thumb-active: #0070f3;--bg-glow: rgba(0, 112, 243, .06);--bg-glow-secondary: rgba(0, 112, 243, .03);--glass-bg: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .1);--card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .06);--thumb-gradient: linear-gradient(135deg, #f1f3f5 0%, #e5e7eb 100%);--thumb-glow-1: rgba(0, 112, 243, .12);--thumb-glow-2: rgba(0, 112, 243, .06)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (pointer: fine){html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:100px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:100px;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--bg-glow) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;bottom:-10%;left:-10%;width:40vw;height:40vw;background:radial-gradient(circle,var(--bg-glow-secondary) 0%,transparent 70%);filter:blur(120px);z-index:-1;pointer-events:none}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.content-wrapper{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-h2);margin-bottom:1.5rem;background:linear-gradient(90deg,var(--h2-gradient-start),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{text-decoration:none;color:inherit;transition:all .3s ease}.navbar{position:fixed;top:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);z-index:100}.logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-1px;display:flex;align-items:center}.logo-img{height:40px;width:auto;object-fit:contain}.nav-links{list-style:none;display:flex;align-items:center;gap:var(--nav-gap)}.nav-links li{display:inline-flex;align-items:center;height:40px}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.88rem;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;display:inline-flex;align-items:center;height:100%}.nav-links a:hover{color:var(--text-primary);text-shadow:0 0 10px var(--accent-soft)}.section-container{min-height:var(--section-min-height);padding:var(--section-padding);display:flex;flex-direction:column;align-items:center;justify-content:center}.section-content{width:100%;max-width:1200px;margin:0 auto}.align-right,.align-center{align-items:center;text-align:center}.btn-primary,.btn-secondary{padding:1rem 2.5rem;border-radius:100px;font-weight:600;font-size:1rem;font-family:var(--font-display)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 20px var(--accent-soft)}.btn-primary:hover{transform:translateY(-2px);background:var(--accent-hover);box-shadow:0 0 30px var(--accent-soft)}.btn-secondary{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--card-shadow);transition:all .3s ease}.btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-soft);transform:translateY(-2px)}.nav-controls{display:flex;align-items:center;gap:.5rem}.theme-toggle-wrapper{display:flex;align-items:center;margin-left:1rem;padding-left:2rem;border-left:1px solid var(--glass-border);height:24px}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover{border-color:var(--accent-color);background:var(--accent-soft);transform:rotate(15deg) scale(1.1);box-shadow:0 0 15px var(--accent-soft)}.theme-toggle i{font-size:1.1rem;transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:active i{transform:scale(.8)}.lang-toggle-wrapper{display:flex;align-items:center;margin-left:.5rem}.lang-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.05em}.lang-toggle:hover{border-color:var(--accent-color);background:var(--accent-soft);transform:scale(1.1);box-shadow:0 0 15px var(--accent-soft)}.lang-toggle:active{transform:scale(.9)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease,border-color .3s ease}.nav-hamburger:hover{background:var(--accent-soft);border-color:var(--accent-color)}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.nav-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.nav-hamburger{display:flex}.nav-links{position:fixed;top:61px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 5%;background:var(--bg-color);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:99}.nav-links.is-open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.nav-links li{height:auto;border-bottom:1px solid var(--glass-border)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:1rem 0;font-size:1rem;letter-spacing:.05em;width:100%}}.hero-section{display:flex;align-items:center;justify-content:center}.hero-grid{display:grid;grid-template-columns:var(--hero-grid-cols);gap:var(--hero-gap);align-items:center;width:100%}.hero-visual{perspective:1000px;display:flex;justify-content:center}.profile-card{position:relative;width:100%;max-width:320px;aspect-ratio:3/4;cursor:pointer;transform-style:preserve-3d;transition:transform .1s ease-out}.profile-frame{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.profile-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s ease}.profile-anim{opacity:0;transform:scale(1.1);filter:brightness(1.2) contrast(1.1)}.profile-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(255,255,255,.05) 50%);background-size:100% 4px;opacity:0;z-index:5;pointer-events:none;transition:opacity .4s ease}.profile-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;z-index:10;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .4s ease}.profile-card:hover .profile-real{opacity:0;transform:scale(.95) rotateY(10deg)}.profile-card:hover .profile-anim{opacity:1;transform:scale(1) rotateY(0);animation:hologram-glitch .4s ease-out forwards}.profile-card:hover .profile-scanline{opacity:1;animation:scanline-move 8s linear infinite}.profile-card:hover .profile-shimmer{opacity:1}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100%}}@keyframes hologram-glitch{0%{filter:brightness(2) contrast(2) hue-rotate(90deg);opacity:.5}10%{filter:brightness(1.5) contrast(1.5) hue-rotate(0deg);opacity:1}20%{transform:translate(-2px)}30%{transform:translate(2px)}40%{transform:translate(0)}}.profile-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--accent-soft) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.profile-card:hover .profile-glow{opacity:1}.hero-title{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.04em;margin-bottom:1rem}.hero-title span{color:var(--text-secondary)}.hero-subtitle{font-size:var(--hero-subtitle-size);color:var(--text-secondary);font-weight:300;margin-bottom:2.5rem;letter-spacing:.05em;text-transform:uppercase}.hero-cta{display:flex;gap:1.5rem;margin-top:.5rem}.hero-cta .btn-secondary{display:inline-flex;align-items:center;gap:.75rem}.hero-cta .btn-secondary i{font-size:1.2rem;transition:transform .3s ease}.hero-cta .btn-secondary:hover i{transform:rotate(-10deg) scale(1.1)}.about-section{align-items:center}.about-grid{display:grid;grid-template-columns:var(--about-grid-cols);gap:var(--about-gap);align-items:center;max-width:1200px;width:100%;margin:0 auto}.about-text{max-width:72ch}.about-text h2{text-align:left;margin-bottom:1.5rem;display:inline-block;background:linear-gradient(90deg,#fff -50%,var(--accent-color) 120%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead-text{font-size:clamp(1.08rem,1.5vw,1.2rem);color:var(--accent-color);font-weight:600;margin-bottom:1rem;line-height:1.55;max-width:62ch}.about-text>p{color:var(--text-secondary);font-size:1rem;line-height:1.75;margin-bottom:.95rem;max-width:68ch}.about-text>p strong{color:var(--text-primary);font-weight:600}.about-bullets{list-style:none;margin-top:1.2rem;padding:0;max-width:70ch;display:flex;flex-direction:column;gap:.95rem}.about-bullets li{position:relative;padding-left:1.1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.65}.about-bullets li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 6px var(--accent-soft)}.about-bullets li strong{display:block;margin-bottom:.1rem;color:var(--text-primary);font-weight:700}.btn-deep-dive{margin-top:2rem;display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-deep-dive:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--text-primary)}.chevron-icon{transition:transform .4s ease}.btn-deep-dive.active .chevron-icon{transform:rotate(180deg)}.deep-dive-grid{display:grid;grid-template-columns:var(--deep-dive-cols);gap:1rem;margin-top:1.5rem;height:0;overflow:hidden;opacity:0;visibility:hidden}.philosophy-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;transition:border-color .3s ease,background .3s ease}.philosophy-item:hover{border-color:var(--accent-color);background:var(--accent-soft)}.philosophy-num{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--accent-color);letter-spacing:.12em;margin-bottom:.6rem;opacity:.8}.philosophy-item h4{font-size:.9rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.philosophy-item p{font-size:.82rem;line-height:1.65;margin-bottom:0!important;color:var(--text-secondary)}.about-motto{margin-top:2rem;padding:1.25rem 1.5rem;border-left:2px solid var(--accent-color);font-style:italic;color:var(--text-secondary);font-size:.95rem;background:var(--accent-soft);border-radius:0 8px 8px 0}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,background .3s ease,box-shadow .4s ease,z-index 0s;position:relative;overflow:visible;box-shadow:var(--card-shadow)}.stat-card:nth-child(1){transform:translate3d(-10px,-5px,0) rotate(-1.2deg);z-index:2}.stat-card:nth-child(2){transform:translate3d(15px,15px,0) rotate(1deg);z-index:1}.stat-card:nth-child(3){transform:translate3d(-5px,30px,0) rotate(-.8deg);z-index:3}.stat-card:nth-child(4){transform:translate3d(10px,45px,0) rotate(.4deg);z-index:4}.stat-card:hover{z-index:15!important;transform:translateY(-20px) scale(1.08) rotate(0)!important;border-color:var(--accent-color);background:var(--accent-soft);box-shadow:0 20px 50px var(--accent-soft)}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--accent-soft) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-number{font-family:var(--font-mono);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:.5rem;letter-spacing:-.02em;text-shadow:0 0 30px rgba(153,0,0,.4)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-top:.5rem}.tech-section{align-items:center}.tech-wrapper{width:100%;max-width:1260px;margin:0 auto;text-align:center}.tech-intro{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto 4rem;line-height:1.8}.tech-bento{display:flex;flex-wrap:wrap;gap:1.25rem;width:100%;align-items:stretch}.bento-cell{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease,background .3s ease;text-align:center;display:flex;flex-direction:column;justify-content:center}.bento-cell:hover{border-color:var(--accent-color);background:var(--accent-soft)}.bento-frontend{flex:1 1 52%}.bento-tools{flex:1 1 30%}.bento-deploy{flex:1 1 100%}.bento-backend{flex:1 1 48%}.bento-queue{flex:1 1 14%}.bento-systems{flex:1 1 20%}.bento-label{display:block;font-size:.65rem;font-family:var(--font-mono);font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem;opacity:.8}.bento-icons{display:flex;flex-wrap:nowrap;justify-content:center;gap:.5rem}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;width:80px;height:80px;min-width:58px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:default;transition:all .25s ease;text-align:center;flex-shrink:1}.tech-item:hover{background:var(--accent-soft);border-color:var(--accent-color);transform:translateY(-4px)}.tech-item i{font-size:2rem;line-height:1;transition:transform .3s ease,color .3s ease}.tech-item span{font-size:.62rem;color:var(--text-secondary);font-family:var(--font-mono);text-align:center;line-height:1.2;transition:color .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.tech-item:hover span{color:var(--text-primary)}.tech-item-fa i{color:var(--text-secondary)}.tech-item:hover.tech-item-fa i{color:var(--accent-color);transform:scale(1.1)}[data-theme=dark] .devicon-github-original,[data-theme=dark] .devicon-nextjs-plain{filter:invert(1)}@media (max-width: 1024px){.tech-item{width:72px;height:72px}.tech-item i{font-size:1.75rem}}@media (max-width: 768px){.bento-frontend,.bento-tools,.bento-deploy,.bento-backend,.bento-queue,.bento-systems{flex:1 1 45%}.bento-deploy{flex:1 1 100%}.tech-item{width:68px;height:68px}.tech-item i{font-size:1.6rem}}@media (max-width: 480px){.bento-frontend,.bento-tools,.bento-deploy,.bento-backend,.bento-queue,.bento-systems{flex:1 1 100%}.tech-item{width:62px;height:62px}.tech-item i{font-size:1.45rem}.tech-item span{font-size:.58rem}}@media (pointer: coarse){.tech-item:hover{transform:none}}.projects-section{align-items:center}.projects-wrapper{width:100%;max-width:1200px;margin:0 auto;text-align:center}.projects-intro{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto 4rem;line-height:1.8}.projects-grid{display:grid;grid-template-columns:var(--projects-grid-cols);gap:var(--projects-gap);width:100%}.project-card[data-project=sentinel],.project-card[data-project=domy],.project-card[data-project=rebel-assault]{grid-column:1 / -1;display:grid;grid-template-columns:450px 1fr;gap:1.5rem;align-items:stretch}.project-card[data-project=sentinel] .project-thumbnail,.project-card[data-project=domy] .project-thumbnail,.project-card[data-project=rebel-assault] .project-thumbnail{height:100%;aspect-ratio:auto}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:var(--card-shadow)}.project-thumbnail{height:180px;position:relative;overflow:hidden;background:var(--thumb-gradient);display:flex;align-items:center;justify-content:center}.project-thumbnail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,var(--thumb-glow-1) 0%,transparent 60%),radial-gradient(circle at 80% 20%,var(--thumb-glow-2) 0%,transparent 50%)}.project-thumbnail:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;transition:opacity .35s ease}.project-card:hover .project-thumbnail:after{opacity:1}.project-thumbnail-label{position:relative;z-index:1;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent-color);opacity:.3;letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.project-body{padding:1.75rem;display:flex;flex-direction:column;flex:1}.project-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem;line-height:1.3;letter-spacing:-.01em}.project-impact{color:var(--text-primary);font-size:.92rem;font-weight:500;line-height:1.55;margin-bottom:.65rem;padding-left:.8rem;border-left:2px solid var(--accent-color)}.project-description{color:var(--text-secondary);font-size:1.15rem;line-height:1.7;margin-bottom:1.25rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{padding:.35rem .85rem;background:transparent;border:1px solid var(--accent-color);opacity:.7;border-radius:100px;font-size:.9rem;font-weight:600;color:var(--accent-color);font-family:var(--font-mono);letter-spacing:.03em;transition:all .3s ease}.project-card:hover .project-tag{background:var(--accent-soft);color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-soft);opacity:1}.project-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.btn-github{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:100px;font-size:.85rem;font-weight:600;font-family:var(--font-display);border:1px solid var(--glass-border);color:var(--text-secondary);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.btn-github:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 15px var(--accent-soft);transform:translateY(-2px)}.btn-github svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.project-status{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.project-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#2d8a4e;box-shadow:0 0 6px #2d8a4e99;flex-shrink:0;animation:pulse-green 2.5s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.project-thumbnail--monitor{background:linear-gradient(135deg,#020e08,#031507,#020a05)}.project-thumbnail--monitor:before{background:radial-gradient(circle at 35% 65%,rgba(0,200,100,.18) 0%,transparent 55%),radial-gradient(circle at 70% 20%,rgba(0,160,120,.1) 0%,transparent 50%)}.project-thumbnail--monitor .project-thumbnail-label{font-family:var(--font-mono);color:#00c86433;text-shadow:0 0 20px rgba(0,200,100,.12)}.monitor-thumbnail-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:.75rem 1rem 0;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.monitor-bars{display:flex;align-items:flex-end;gap:3px;height:44px}.monitor-bar{flex:1;height:var(--h, 50%);background:linear-gradient(to top,#00c864a6,#00c86433);border-radius:2px 2px 0 0;animation:bar-breathe 2.5s ease-in-out infinite}.monitor-bar:nth-child(1){animation-delay:0s}.monitor-bar:nth-child(2){animation-delay:.25s}.monitor-bar:nth-child(3){animation-delay:.5s}.monitor-bar:nth-child(4){animation-delay:.75s}.monitor-bar:nth-child(5){animation-delay:1s}.monitor-bar:nth-child(6){animation-delay:1.25s}.monitor-bar:nth-child(7){animation-delay:1.5s}.monitor-bar:nth-child(8){animation-delay:1.75s}@keyframes bar-breathe{0%,to{opacity:.4}50%{opacity:1}}.monitor-top-row{display:flex;align-items:center;justify-content:space-between}.monitor-uptime{font-family:var(--font-mono);font-size:.55rem;color:#00c8648c;letter-spacing:.08em}.monitor-live-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#00dc64d9;letter-spacing:.12em}.monitor-live-dot{width:6px;height:6px;border-radius:50%;background:#00dc64;box-shadow:0 0 6px #00dc64b3;flex-shrink:0;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 6px #00dc64b3}50%{opacity:.45;box-shadow:0 0 2px #00dc6433}}.monitor-services{display:flex;flex-direction:column;gap:.3rem;padding:.4rem 0}.monitor-service-row{display:flex;align-items:center;gap:.45rem}.monitor-service-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.monitor-service-dot--ok{background:#00dc64;box-shadow:0 0 4px #00dc64b3;animation:pulse-live 2s ease-in-out infinite}.monitor-service-dot--warn{background:#f5a623;box-shadow:0 0 4px #f5a623b3;animation:pulse-live 1.2s ease-in-out infinite}.monitor-service-name{font-family:var(--font-mono);font-size:.58rem;color:#00c864b3;flex:1}.monitor-service-ms{font-family:var(--font-mono);font-size:.55rem;color:#00c86473}.monitor-sparkline{width:100%;height:36px;overflow:visible}.monitor-sparkline-line{fill:none;stroke:#00c86480;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.monitor-sparkline-dot{fill:#00dc64;filter:drop-shadow(0 0 3px rgba(0,220,100,.8));animation:pulse-live 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.monitor-bar{animation:none;opacity:.7}.monitor-live-dot,.monitor-service-dot--ok,.monitor-service-dot--warn,.monitor-sparkline-dot{animation:none}}.btn-demo{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 2rem;border-radius:100px;font-size:.85rem;font-weight:700;font-family:var(--font-display);border:1px solid rgba(0,200,100,.5);color:#fff;background:#00c86466;box-shadow:0 0 15px #00c86426;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;flex-shrink:0}.btn-demo:hover{background:#00dc64d9;border-color:#00dc64;color:#fff;box-shadow:0 0 25px #00c86466;transform:translateY(-3px) scale(1.05)}.project-thumbnail--featured{background:linear-gradient(135deg,#050d18,#0a1628,#060c14)}.project-thumbnail--featured:before{background:radial-gradient(circle at 30% 60%,rgba(0,90,180,.25) 0%,transparent 55%),radial-gradient(circle at 75% 25%,rgba(0,140,220,.12) 0%,transparent 50%)}.project-thumbnail--featured .project-thumbnail-label{font-family:var(--font-mono);color:#007acc40;text-shadow:0 0 20px rgba(0,122,204,.2)}.domy-thumbnail-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem}.domy-nodes-svg{width:100%;max-width:280px;height:90px;overflow:visible}.domy-line{stroke:#007acc59;stroke-width:1;stroke-dasharray:4 3;animation:domy-dash 3s linear infinite}.domy-line--2{animation-delay:.5s}.domy-line--3{animation-delay:1s}.domy-line--4{animation-delay:1.5s}@keyframes domy-dash{to{stroke-dashoffset:-28}}.domy-node{fill:#007acc80;stroke:#00b4ff99;stroke-width:1}.domy-node--hub,.domy-node--server{fill:#008cdcb3;stroke:#00c8ffe6}.domy-pulse{fill:none;stroke:#00b4ff80;stroke-width:1.5;transform-origin:center;animation:domy-ripple 2.4s ease-out infinite}.domy-pulse--server{animation-delay:1.2s}@keyframes domy-ripple{0%{r:7;opacity:.7}to{r:18;opacity:0}}.domy-node--coord{fill:#00a0f099;stroke:#00c8ffcc;stroke-width:1}.domy-stats-row{display:flex;align-items:center;gap:1.2rem}.domy-stat{display:flex;align-items:center;gap:5px}.domy-ws-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:#00b4ffe6;border:1px solid rgba(0,180,255,.4);border-radius:3px;padding:0 4px;letter-spacing:.05em;animation:ws-blink 2.5s ease-in-out infinite}@keyframes ws-blink{0%,80%,to{opacity:1}90%{opacity:.3}}.domy-status-row{display:flex;align-items:center;gap:5px}.domy-status-dot{width:6px;height:6px;border-radius:50%;background:#00b4ff;box-shadow:0 0 6px #00b4ffb3;animation:pulse-live 1.8s ease-in-out infinite;flex-shrink:0}.domy-status-text{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:#00b4ffcc;letter-spacing:.1em}.project-thumbnail--game{background:linear-gradient(135deg,#060a0d,#000d1a,#080808)}.project-thumbnail--game:before{background:radial-gradient(circle at 70% 50%,rgba(153,0,0,.3) 0%,transparent 60%),radial-gradient(circle at 20% 30%,rgba(0,50,120,.12) 0%,transparent 50%)}.project-thumbnail--game .project-thumbnail-label{font-family:var(--font-mono);color:#99000040;text-shadow:0 0 24px rgba(153,0,0,.25)}.game-thumbnail-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem 1rem;image-rendering:pixelated}.game-stars{position:absolute;top:0;right:0;bottom:0;left:0}.game-star{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#ffffffb3;border-radius:0;animation:star-twinkle 2s ease-in-out infinite var(--d)}@keyframes star-twinkle{0%,to{opacity:.8}50%{opacity:.15}}.game-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);pointer-events:none}.game-hud{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;height:100%}.game-hud-top{display:flex;align-items:center;justify-content:space-between}.game-health-bar,.game-score{display:flex;align-items:center;gap:.4rem}.game-score-value{font-family:var(--font-mono);font-size:.58rem;font-weight:700;color:#ffc832d9;letter-spacing:.08em;animation:score-tick 4s steps(1) infinite}@keyframes score-tick{0%{content:"008450"}25%{opacity:.6}50%{opacity:1}75%{opacity:.7}to{opacity:1}}.game-hud-label{font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:#dc3232e6;letter-spacing:.1em}.game-score .game-hud-label{color:#ffc832b3}.game-health-track{width:80px;height:6px;background:#ffffff14;border:1px solid rgba(153,0,0,.5)}.game-health-fill{height:100%;width:65%;background:linear-gradient(90deg,#c00,#f33);box-shadow:0 0 6px #c8000099;animation:health-pulse 2s ease-in-out infinite}.game-scene-svg{width:100%;height:60px}.game-bullet{animation:bullet-move 1.8s linear infinite}@keyframes bullet-move{0%{transform:translate(0);opacity:1}60%{transform:translate(120px);opacity:1}61%{transform:translate(120px);opacity:0}62%{transform:translate(0);opacity:0}70%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes health-pulse{0%,to{opacity:1}50%{opacity:.6}}.game-insert-coin{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#ffc832e6;letter-spacing:.15em;text-shadow:0 0 8px rgba(255,200,50,.5);animation:coin-blink 1.2s step-end infinite;align-self:center}@keyframes coin-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.domy-line,.domy-pulse,.domy-status-dot,.game-star,.game-health-fill,.game-insert-coin{animation:none;opacity:.7}}@media (max-width: 1024px){.project-card[data-project=domy],.project-card[data-project=rebel-assault]{grid-template-columns:1fr;display:flex;flex-direction:column}.project-card[data-project=domy] .project-thumbnail,.project-card[data-project=rebel-assault] .project-thumbnail{height:180px}}.project-thumbnail--chain{background:linear-gradient(135deg,#08060e,#0e0820,#07050c)}.project-thumbnail--chain:before{background:radial-gradient(circle at 25% 60%,rgba(120,0,200,.2) 0%,transparent 55%),radial-gradient(circle at 75% 25%,rgba(80,0,160,.12) 0%,transparent 50%)}.project-thumbnail--chain .project-thumbnail-label{font-family:var(--font-mono);color:#8c3cdc40;text-shadow:0 0 20px rgba(140,60,220,.2)}.chain-thumbnail-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem}.chain-svg{width:100%;max-width:280px;height:90px;overflow:visible}.chain-link{stroke:#8c3cdc80;stroke-width:1.5;stroke-dasharray:5 3;animation:chain-flow 2s linear infinite}.chain-link--2{animation-delay:1s}@keyframes chain-flow{to{stroke-dashoffset:-16}}.chain-block{fill:#641eb42e;stroke:#a050ff80;stroke-width:1}.chain-block--genesis{fill:#50148c40;stroke:#b464ff99}.chain-block--latest{fill:#7828c84d;stroke:#c878ffcc;filter:drop-shadow(0 0 6px rgba(160,80,255,.4));animation:block-pulse 2.4s ease-in-out infinite}@keyframes block-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(160,80,255,.4))}50%{filter:drop-shadow(0 0 12px rgba(200,100,255,.7))}}.chain-block-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;fill:#c896ffe6;text-anchor:middle;letter-spacing:.04em}.chain-hash-label{font-family:var(--font-mono);font-size:.5rem;fill:#a064e699;text-anchor:middle}.chain-seal{fill:#a050ffb3;stroke:#dca0ffe6;stroke-width:1;filter:drop-shadow(0 0 4px rgba(180,100,255,.6));animation:seal-glow 2s ease-in-out infinite}@keyframes seal-glow{0%,to{filter:drop-shadow(0 0 4px rgba(180,100,255,.6))}50%{filter:drop-shadow(0 0 10px rgba(220,160,255,.9))}}.chain-seal-icon{font-size:.55rem;fill:#fff0fff2;text-anchor:middle;dominant-baseline:middle}.chain-stats-row{display:flex;align-items:center;gap:1.2rem}.chain-stat{display:flex;align-items:center;gap:5px}.chain-status-dot{width:6px;height:6px;border-radius:50%;background:#a040ff;box-shadow:0 0 6px #a040ffb3;animation:pulse-live 1.8s ease-in-out infinite;flex-shrink:0}.chain-status-text{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:#b478ffd9;letter-spacing:.1em}.chain-algo-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:#c896ffe6;border:1px solid rgba(160,80,255,.45);border-radius:3px;padding:0 4px;letter-spacing:.05em}.project-card[data-project=notarychain] .btn-demo{border-color:#a040ff80;background:#a040ff59;box-shadow:0 0 15px #a040ff26}.project-card[data-project=notarychain] .btn-demo:hover{background:#a040ffbf;border-color:#a040ff;box-shadow:0 0 25px #a040ff66}.project-card[data-project=notarychain]{grid-column:1 / -1;display:grid;grid-template-columns:450px 1fr;gap:1.5rem;align-items:stretch}.project-card[data-project=notarychain] .project-thumbnail{height:100%;aspect-ratio:auto}@media (max-width: 1024px){.project-card[data-project=notarychain]{grid-template-columns:1fr;display:flex;flex-direction:column}.project-card[data-project=notarychain] .project-thumbnail{height:180px}}@media (prefers-reduced-motion: reduce){.chain-link,.chain-block--latest,.chain-seal,.chain-status-dot{animation:none;opacity:.7}}.project-setup{margin-top:1.25rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.project-setup-toggle{list-style:none;display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.project-setup-toggle::-webkit-details-marker{display:none}.project-setup-toggle::marker{display:none}.project-setup-toggle:hover{color:var(--accent-color)}.setup-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .25s ease}.project-setup[open] .setup-chevron{transform:rotate(180deg)}.setup-steps{list-style:none;counter-reset:step;margin-top:.9rem;display:flex;flex-direction:column;gap:.65rem;animation:setup-reveal .2s ease}@keyframes setup-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.setup-steps li{counter-increment:step;display:flex;align-items:baseline;gap:.7rem;font-size:.82rem;color:var(--text-secondary);line-height:1.6}.setup-steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:.68rem;color:var(--accent-color);opacity:.55;flex-shrink:0}.setup-step-label{font-weight:600;color:var(--text-primary);font-size:.78rem;min-width:88px;font-family:var(--font-display);flex-shrink:0}.setup-steps code{font-family:var(--font-mono);font-size:.78rem;background:var(--accent-soft);border:1px solid var(--accent-color);border-radius:4px;padding:.1rem .4rem;color:var(--accent-color)}.contact-options{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.contact-section .lead-text{margin-left:auto;margin-right:auto}.contact-btn{display:inline-flex;align-items:center;gap:.85rem;padding:.8rem 2rem;border-radius:100px;text-decoration:none;font-family:var(--font-mono);font-weight:500;font-size:.95rem;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.contact-btn i{font-size:1.25rem;color:var(--accent-color);transition:transform .3s ease}.contact-btn:hover{background:var(--accent-soft);border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-soft);transform:translateY(-3px)}.contact-btn:hover i{transform:scale(1.2) rotate(-5deg);color:var(--accent-color)}@media (max-width: 1024px){.contact-options{gap:1.25rem}}@media (max-width: 768px){.contact-options{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.contact-btn{width:100%;max-width:320px;justify-content:center;font-size:.88rem;padding:.75rem 1.5rem}}@media (max-width: 480px){.contact-btn{max-width:100%;font-size:.82rem;padding:.7rem 1.25rem}}@media (pointer: coarse){.contact-btn:hover,.contact-btn:hover i{transform:none}}.fade-in-section{opacity:0;transform:translateY(50px)}@media (max-width: 1024px){.hero-grid{text-align:center}.hero-visual{order:-1}.tech-bento{grid-template-areas:"frontend frontend" "backend  systems" "deploy   hardware";grid-template-columns:1fr 1fr}}@media (max-width: 768px){h2{margin-bottom:1rem}.navbar{padding:1rem 5%}.logo{font-size:1.25rem}.nav-links{font-size:.85rem}.hero-visual{order:-1}.hero-cta{flex-direction:column;gap:1rem;align-items:flex-start}.btn-primary,.btn-secondary{padding:.85rem 2rem;font-size:.95rem}.about-text>p{font-size:.97rem;line-height:1.72}.about-bullets{gap:.8rem}.about-bullets li{font-size:.92rem;padding-left:1rem}.about-stats{gap:1rem}.stat-card{padding:1.5rem 1rem}.tech-bento{grid-template-areas:"frontend" "backend" "systems" "hardware" "deploy";grid-template-columns:1fr;gap:1.5rem}.bento-icons{flex-wrap:wrap;gap:.5rem}.tech-item{width:70px}.project-thumbnail{height:140px}.project-body{padding:1.25rem}#contact .btn-primary{font-size:.82rem;padding:.85rem 1.5rem;word-break:break-all}.project-detail-content{padding:2.5rem 1.25rem 4rem}.project-detail-header{padding:1rem 1.25rem}.detail-number{font-size:3rem}.detail-hero{flex-direction:column;gap:1rem}.detail-sidebar{grid-template-columns:1fr}}@media (max-width: 480px){.nav-links{font-size:.8rem}}@media (pointer: coarse){.stat-card:nth-child(odd):hover{transform:none}.stat-card:nth-child(2n):hover{transform:translateY(2.5rem)}.project-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-github:hover,.tech-item:hover{transform:none}.profile-card:hover{transform:none!important}.contact-btn:hover,.contact-btn:hover i{transform:none}}.project-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--bg-color);overflow-y:auto;overflow-x:hidden;will-change:transform,opacity;display:block}.project-detail[hidden],.lightbox[hidden]{display:none!important}.project-detail-header{position:sticky;top:0;z-index:10;padding:1.25rem 2rem;background:var(--bg-color);opacity:.95;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border-radius:100px;font-size:.85rem;font-weight:600;font-family:var(--font-display);border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);background:transparent;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease}.btn-back:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--accent-soft)}.btn-back svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.btn-back:hover svg{transform:translate(-3px)}.project-detail-content{max-width:100%;margin:0 auto;padding:4rem 2rem 6rem}.detail-hero{display:flex;align-items:center;gap:4rem;margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid var(--glass-border)}.detail-number{font-family:var(--font-mono);font-size:5rem;font-weight:700;color:var(--accent-color);opacity:.2;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;padding-top:.4rem}.detail-hero-text{flex:1}.detail-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:.6rem;background:linear-gradient(90deg,var(--text-primary),var(--accent-hover));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.detail-subtitle{color:var(--text-primary);opacity:.8;font-size:1.35rem;line-height:1.7;margin-bottom:1.5rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.detail-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.detail-section{margin-bottom:4rem}.detail-section-title{font-family:var(--font-display);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent-hover) 50%,var(--accent-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.detail-about{color:var(--text-primary);opacity:.85;font-size:1.25rem;line-height:1.8;max-width:100%}.detail-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-feature-card{display:flex;gap:1rem;padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;align-items:flex-start;transition:border-color .25s ease}.detail-feature-card:hover{border-color:#99000040}.detail-feature-icon{font-size:1.3rem;line-height:1;flex-shrink:0;margin-top:.1rem}.detail-feature-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.detail-feature-desc{font-size:1.1rem;color:var(--text-primary);opacity:.75;line-height:1.6}.detail-media{display:flex;flex-direction:column;gap:2.5rem}.media-featured-list{width:100%;display:flex;flex-direction:column;gap:2.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.detail-media-item{border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-bg);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease;box-shadow:0 12px 40px -12px #000000b3}.detail-media-item:hover{transform:translateY(-8px);border-color:#99000073;box-shadow:0 25px 50px -15px #9003,0 20px 40px -12px #000c}.media-container{overflow:hidden;background:#000;position:relative}.detail-media-item img,.detail-media-item video,.detail-media-item iframe{width:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.detail-media-item:hover img,.detail-media-item:hover video{transform:scale(1.04)}.detail-media-item iframe{aspect-ratio:16 / 9;border:none}.detail-media-item figcaption{font-size:.82rem;font-weight:500;color:var(--text-secondary);padding:1rem 1.4rem;font-family:var(--font-mono);background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);transition:color .3s ease,background .3s ease;letter-spacing:.02em}.detail-media-item:hover figcaption{color:var(--text-primary);background:#ffffff0d}.detail-media-placeholder{grid-column:1 / -1;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed rgba(153,0,0,.2);border-radius:14px}.detail-media-placeholder span{font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--text-secondary)}.detail-media-placeholder p{font-family:var(--font-mono);font-size:.72rem;color:#99000073;text-align:center;padding:0 1rem}.detail-media-placeholder code{color:#cc4444b3}.project-card[data-project]{cursor:pointer}.btn-detail-hint{margin-left:auto;font-size:.85rem;font-family:var(--font-display);font-weight:600;color:var(--accent-color);transition:all .3s ease;white-space:nowrap;padding:.5rem 1rem;border-radius:8px;background:var(--accent-soft);border:1px solid transparent}.project-card[data-project]:hover .btn-detail-hint{background:var(--accent-color);color:#fff;transform:translate(5px)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox-content{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;pointer-events:none}#lightbox-img{width:auto;height:auto;max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 40px 100px -20px #000000e6;pointer-events:auto}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);z-index:1010}.lightbox-close:hover{background:#900c;transform:rotate(90deg) scale(1.1);border-color:transparent}.lightbox-close svg{width:24px;height:24px}.lightbox-caption{color:#fffc;font-family:var(--font-mono);font-size:.95rem;text-align:center;letter-spacing:.03em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.media-grid-item .media-container{cursor:zoom-in}.detail-layout{display:grid;grid-template-columns:1fr 380px;gap:6rem;align-items:start}.detail-main{min-width:0}.detail-sidebar{display:flex;flex-direction:column;gap:2.5rem}.sticky-sidebar{position:sticky;top:6rem}.project-tag-refined{padding:.35rem .85rem;background:transparent;border:1px solid var(--accent-color);opacity:.7;border-radius:100px;font-size:.72rem;font-weight:600;color:var(--accent-color);font-family:var(--font-mono);letter-spacing:.02em;transition:all .3s ease;position:relative;overflow:hidden}.project-tag-refined:hover{border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px #9003;background:#9900000d}@media (max-width: 1400px){.detail-layout{gap:4rem}}@media (max-width: 1200px){.detail-layout{grid-template-columns:1fr;gap:3rem}.sticky-sidebar{position:static}.detail-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.sidebar-info{margin-bottom:0}}@media (max-width: 680px){.detail-sidebar{grid-template-columns:1fr}.detail-hero{flex-direction:column;gap:1rem}.detail-number{font-size:3rem}.project-detail-content{padding:2.5rem 1.25rem 4rem}.project-detail-header{padding:1rem 1.25rem}.lightbox{padding:1rem}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px}.lightbox-caption{font-size:.85rem}}:root{--terminal-bg: #111418;--terminal-header: #1a1f28;--terminal-border: rgba(255, 255, 255, .09);--terminal-text: #e2e8f0;--terminal-text-dim: #8892a4;--terminal-prompt-col: #cc4444;--terminal-code-bg: rgba(204, 68, 68, .1);--terminal-code-border: rgba(204, 68, 68, .25);--terminal-glow: rgba(153, 0, 0, .07)}[data-theme=light]{--terminal-bg: #1c2128;--terminal-header: #272e38;--terminal-border: rgba(255, 255, 255, .14);--terminal-text: #cdd9e5;--terminal-text-dim: #768390;--terminal-prompt-col: #58a6ff;--terminal-code-bg: rgba(88, 166, 255, .08);--terminal-code-border: rgba(88, 166, 255, .22);--terminal-glow: rgba(0, 122, 204, .07)}.detail-tabs-wrapper{display:grid;grid-template-columns:176px 1fr;gap:3.5rem;align-items:start}.detail-tabs-sidebar{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.6rem}.detail-tab-btn{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.4rem;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-tab-btn:hover{color:var(--text-primary);background:var(--glass-bg);transform:translate(5px)}.detail-tab-btn.active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:0 8px 25px -10px var(--bg-glow)}.tab-num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-color);opacity:.5;letter-spacing:.05em;transition:all .3s;flex-shrink:0}.detail-tab-btn.active .tab-num{opacity:1;transform:scale(1.1)}.tab-name{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.detail-tabs-content{min-height:400px;min-width:0}.detail-tab-panel{display:none;min-width:0}.detail-tab-panel.active{display:block}.overview-layout{display:grid;grid-template-columns:1fr 420px;gap:3rem;align-items:start}.overview-main{min-width:0}.overview-sidebar{display:flex;flex-direction:column;gap:2rem}.detail-about{font-family:var(--font-body);font-size:1.25rem;line-height:1.8;color:var(--text-secondary);padding:0;margin:0}.overview-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.overview-stat-chip{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-color);padding:.35rem .85rem;border:1px solid var(--accent-soft);border-radius:4px;background:var(--accent-soft);position:relative;overflow:hidden}.overview-stat-chip:before,.overview-stat-chip:after{content:"";position:absolute;width:4px;height:4px;border-color:var(--accent-color);opacity:.5;border-style:solid}.overview-stat-chip:before{top:2px;left:2px;border-width:1px 0 0 1px}.overview-stat-chip:after{bottom:2px;right:2px;border-width:0 1px 1px 0}.mission-log{background:var(--ra-log-bg, rgba(153, 0, 0, .02));border:1px solid var(--accent-soft);border-radius:16px;position:relative;overflow:hidden;margin-bottom:2rem;box-shadow:var(--card-shadow)}[data-theme=light] .mission-log{--ra-log-bg: rgba(0, 122, 204, .04)}.mission-log:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--accent-soft) 2px,var(--accent-soft) 4px);pointer-events:none;z-index:10;opacity:.3}.mission-body{padding:1.75rem 1.75rem 2rem;position:relative}.mission-body .detail-about{font-family:var(--font-body);font-size:1.25rem;line-height:1.85;color:var(--text-primary);opacity:.88;margin:0}.ra-info-card{background:var(--ra-card-bg-gradient, linear-gradient(165deg, rgba(255, 255, 255, .04) 0%, rgba(2, 2, 2, .5) 100%));backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff14,var(--card-shadow);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);width:100%}[data-theme=light] .ra-info-card{--ra-card-bg-gradient: linear-gradient(165deg, rgba(255, 255, 255, .9) 0%, rgba(240, 244, 248, .9) 100%)}.ra-info-card:hover{border-color:var(--accent-color);box-shadow:var(--card-shadow),0 0 25px var(--bg-glow);transform:translateY(-5px)}.ra-card-header{padding:1.25rem 1.75rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.ra-header-content{display:flex;flex-direction:column;gap:.15rem}.ra-card-title{font-family:var(--font-display);font-size:.7rem;font-weight:900;color:var(--text-primary);letter-spacing:.12em;margin:0;text-transform:uppercase}.ra-card-subtitle{font-family:var(--font-mono);font-size:.52rem;color:var(--accent-color);opacity:.8;letter-spacing:.1em}.ra-card-github{padding:.4rem .8rem;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;gap:.6rem;transition:all .3s ease;text-decoration:none}.ra-github-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:var(--accent-color);letter-spacing:.05em;border-right:1px solid var(--glass-border);padding-right:.6rem}.ra-card-github svg{width:14px;height:14px;fill:currentColor}.ra-card-github:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.ra-card-body{padding:1.5rem 1.75rem;display:grid;grid-template-columns:140px auto 1fr;gap:1.5rem;align-items:start}.ra-card-v-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--glass-border),transparent);align-self:center}.ra-info-row{display:flex;flex-direction:column;gap:.5rem}.ra-info-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--text-secondary);opacity:.5;letter-spacing:.14em}.ra-status-value{display:flex;align-items:center;gap:.6rem}.ra-status-dot{width:9px;height:9px;background:#0f6;border-radius:50%;box-shadow:0 0 10px #0f69}.ra-status-text{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary)}.ra-card-footer{padding:.9rem 1.75rem;background:var(--glass-bg);border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.ra-footer-meta{display:flex;align-items:center;gap:.45rem;border-left:2px solid var(--accent-color);padding-left:.7rem}.ra-meta-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-secondary)}.ra-meta-value{font-family:var(--font-mono);font-size:.65rem;color:var(--text-primary);font-weight:600}.ra-footer-badge{display:flex;align-items:center;gap:.45rem;padding:.3rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px}.ra-badge-icon{font-size:.65rem;color:var(--accent-color)}.ra-badge-text{font-family:var(--font-mono);font-size:.58rem;font-weight:700;color:var(--text-secondary);opacity:.6}.overview-layout--full{grid-template-columns:1fr}.overview-layout--with-live{grid-template-columns:1fr 360px;align-items:stretch}.overview-layout--with-live .live-deploy-panel{height:100%;box-sizing:border-box}@media (max-width: 1200px){.overview-layout{grid-template-columns:1fr;gap:2rem}.overview-layout--with-live{grid-template-columns:1fr}}@media (max-width: 480px){.ra-card-body{grid-template-columns:1fr;gap:1.25rem}.ra-card-v-divider{display:none}}@media (min-width: 1600px){.overview-layout{grid-template-columns:1fr 480px}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes card-border-spin{to{--border-angle: 360deg}}.accordion-layout{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0}.accordion-header-global{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;margin-bottom:.5rem}.accordion-label{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-color);letter-spacing:.15em;font-weight:600}.accordion-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);opacity:.6}.accordion-list{display:flex;flex-direction:column;gap:.8rem}.accordion-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-item.active{border-color:var(--accent-soft);background:rgba(var(--accent-rgb, 153, 0, 0),.04);box-shadow:0 10px 30px -10px #0003}.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.35rem 1.6rem;background:transparent;border:none;cursor:pointer;text-align:left}.accordion-trigger-main{display:flex;align-items:center;gap:1.5rem}.accordion-num{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-color);opacity:.5;font-weight:700}.accordion-item.active .accordion-num{opacity:1}.accordion-title-text{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.accordion-status{display:flex;align-items:center;gap:1rem}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);opacity:.3}.accordion-item.active .status-dot{background:var(--accent-color);opacity:1;box-shadow:0 0 10px var(--accent-color);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}to{transform:scale(1);opacity:1}}.status-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);letter-spacing:.1em;opacity:.6}.accordion-item.active .status-label{color:var(--accent-color);opacity:1}.accordion-arrow{font-size:.75rem;color:var(--text-secondary);transition:transform .4s cubic-bezier(.4,0,.2,1);opacity:.4}.accordion-item.active .accordion-arrow{opacity:1}.accordion-content{overflow:hidden;transition:opacity .3s ease}.accordion-content-inner{padding:0 1.6rem 2rem 5rem;display:flex;flex-direction:column;gap:1.25rem}[data-theme=light] .accordion-item{background:#f8fafc;border-color:#0000000d}[data-theme=light] .accordion-item.active{background:#fff;border-color:var(--accent-color);box-shadow:0 10px 40px -15px #0000001a}.codex-keys{display:flex;flex-wrap:wrap;gap:.4rem}.codex-key-chip{font-family:var(--font-mono);font-size:.62rem;font-weight:600;color:var(--accent-color);background:var(--accent-soft);border:1px solid rgba(153,0,0,.22);border-radius:4px;padding:.22rem .6rem;letter-spacing:.05em}[data-theme=light] .codex-key-chip{border-color:#007acc38}.codex-desc{font-family:var(--font-body);font-size:1.15rem;line-height:1.75;color:var(--text-secondary);margin:0;min-height:5rem}.codex-desc.typing:after{content:"|";color:var(--accent-color);animation:codex-cursor .65s step-end infinite;margin-left:1px}@keyframes codex-cursor{0%,to{opacity:1}50%{opacity:0}}[data-theme=light] .codex-sidebar,[data-theme=light] .codex-panel{background:#ffffffe0}[data-theme=light] .codex-panel:before{opacity:.4}[data-theme=light] .codex-sidebar-header{background:#007acc12}[data-theme=light] .codex-item:hover{background:#007acc0f}[data-theme=light] .codex-item.active{background:#007acc1f}[data-theme=light] .codex-icon-wrap{background:#007acc1a;border-color:#007acc38}@media (max-width: 768px){.codex-layout{grid-template-columns:1fr;min-height:unset}.codex-sidebar{overflow:visible}.codex-list{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.codex-item{border-left:none;border-bottom:2px solid transparent;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .75rem}.codex-item.active{border-bottom-color:var(--accent-color);border-left-color:transparent}.codex-item-arrow{display:none}}@media (max-width: 480px){.codex-list{grid-template-columns:repeat(2,1fr)}}.media-theater{display:flex;flex-direction:column;gap:.85rem}.theater-header{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--text-secondary)}.theater-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-color);flex-shrink:0;animation:theater-pulse 1.6s ease-in-out infinite}@keyframes theater-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--bg-glow)}50%{opacity:.55;box-shadow:0 0 0 5px transparent}}.theater-label{color:var(--accent-color)}.theater-badge{margin-left:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;padding:.18rem .55rem}.theater-stage{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--glass-border)}.theater-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:10;border-radius:10px}.theater-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.theater-slot.active{display:flex}.theater-video-wrap{width:100%;height:100%;position:relative}.theater-video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.theater-img-wrap{width:100%;height:100%;position:relative;cursor:zoom-in;overflow:hidden}.theater-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease}.theater-img-wrap:hover img{transform:scale(1.03)}.theater-expand-btn{position:absolute;bottom:.7rem;right:.7rem;width:30px;height:30px;border-radius:6px;background:#0000008c;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:11;line-height:1}.theater-expand-btn:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--text-primary)}.theater-caption{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);letter-spacing:.06em;opacity:.7;margin:0;min-height:1em}.theater-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.theater-thumb{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid var(--glass-border);background:none;padding:0;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease;display:flex;flex-direction:column}.theater-thumb:hover{border-color:#99000080;transform:translateY(-2px)}.theater-thumb.active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color),0 6px 20px -4px var(--bg-glow)}.thumb-img-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000}.thumb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.theater-thumb:hover .thumb-img-wrap img{transform:scale(1.06)}.thumb-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:#00000061;transition:background .2s}.theater-thumb:hover .thumb-play-icon{background:#99000073}.thumb-label{display:block;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;color:var(--text-secondary);background:var(--glass-bg);padding:.28rem .5rem;text-align:center;transition:color .2s}.theater-thumb.active .thumb-label{color:var(--accent-color)}@media (max-width: 480px){.theater-thumbs{gap:.4rem}.thumb-label{font-size:.52rem;letter-spacing:.08em}}.terminal-panel{border-radius:10px;overflow:hidden;border:1px solid var(--terminal-border);margin-bottom:2.5rem;background:var(--terminal-bg);box-shadow:0 0 0 1px #ffffff0a,0 8px 32px #00000073,inset 0 0 40px var(--terminal-glow)}.terminal-topbar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--terminal-header);border-bottom:1px solid var(--terminal-border);position:relative}.terminal-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.08) 70%,transparent 100%)}.terminal-dots{display:flex;gap:.45rem;align-items:center}.terminal-dots span{width:12px;height:12px;border-radius:50%;display:block;position:relative;transition:filter .15s}.terminal-dots span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.3) 0%,transparent 65%)}.terminal-dots span:nth-child(1){background:#ff5f56;box-shadow:0 0 0 1px #ff5f5666}.terminal-dots span:nth-child(2){background:#febc2e;box-shadow:0 0 0 1px #febc2e66}.terminal-dots span:nth-child(3){background:#28c840;box-shadow:0 0 0 1px #28c84066}.terminal-panel:hover .terminal-dots span:nth-child(1){filter:brightness(1.15)}.terminal-panel:hover .terminal-dots span:nth-child(2){filter:brightness(1.15)}.terminal-panel:hover .terminal-dots span:nth-child(3){filter:brightness(1.15)}.terminal-title{font-family:var(--font-mono);font-size:.7rem;color:var(--terminal-text-dim);letter-spacing:.04em;-webkit-user-select:none;user-select:none;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.terminal-step{display:flex;flex-direction:column;gap:.45rem}.terminal-step-header{display:flex;align-items:center;gap:.6rem}.terminal-prompt{font-family:var(--font-mono);font-size:.75rem;color:var(--terminal-prompt-col);-webkit-user-select:none;user-select:none}.terminal-step-num{font-family:var(--font-mono);font-size:.65rem;color:var(--terminal-text-dim);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.terminal-step-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--terminal-text);text-transform:uppercase}.terminal-step-content{padding-left:1.6rem}.terminal-step-text{font-family:var(--font-mono);font-size:1.1rem;line-height:1.65;color:var(--terminal-text-dim);margin:0}.terminal-step-text code{font-family:var(--font-mono);font-size:.8rem;color:var(--terminal-prompt-col);background:var(--terminal-code-bg);padding:.1rem .35rem;border-radius:3px;border:1px solid var(--terminal-code-border)}.terminal-clone-row{display:flex;align-items:center;gap:.75rem;background:var(--terminal-code-bg);border:1px solid var(--terminal-code-border);border-radius:6px;padding:.65rem .9rem}.terminal-code{font-family:var(--font-mono);font-size:.9rem;color:var(--terminal-prompt-col);flex:1;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-copy-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--terminal-text-dim);cursor:pointer;transition:all .2s}.terminal-copy-btn:hover{background:var(--terminal-code-bg);border-color:var(--terminal-code-border);color:var(--terminal-prompt-col)}.terminal-copy-btn.copied{background:#2d8a4e26;border-color:#2d8a4e66;color:#3fb950}.install-controls-section{padding-top:1.5rem;border-top:1px solid var(--glass-border)}.install-controls-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-secondary);opacity:.4;margin:0 0 1.1rem}.detail-controls{display:flex;flex-direction:column;gap:.65rem}.detail-control-row{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text-secondary)}.detail-key{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-bottom:2px solid var(--accent-color);border-radius:6px;color:var(--text-primary);white-space:nowrap;min-width:110px;text-align:center}@media (max-width: 768px){.detail-tabs-wrapper{grid-template-columns:1fr;gap:1.5rem}.detail-tabs-sidebar{position:static;flex-direction:row;border-left:none;border-bottom:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none;gap:0}.detail-tabs-sidebar::-webkit-scrollbar{display:none}.detail-tab-btn{border-left:none;border-bottom:2px solid transparent;padding:.6rem .9rem;flex-shrink:0;margin-left:0}.detail-tab-btn.active{border-bottom-color:var(--accent-color);border-left-color:transparent;background:var(--accent-soft)}.tab-num{display:none}.overview-layout{grid-template-columns:1fr;gap:1.5rem}.terminal-body{padding:1.1rem 1.25rem}.terminal-clone-row{flex-wrap:wrap}.terminal-code{font-size:.72rem}}.ra-card-live{padding:.4rem .9rem;border-radius:8px;background:#00dc6412;border:1px solid rgba(0,220,100,.28);display:flex;align-items:center;gap:.55rem;text-decoration:none;transition:all .3s ease}.ra-card-live:hover{background:#00dc6424;border-color:#00dc648c}.ra-live-dot-sm{width:7px;height:7px;border-radius:50%;background:#00dc64;box-shadow:0 0 6px #00dc64b3;flex-shrink:0;animation:live-badge-pulse 1.5s ease-in-out infinite}@keyframes live-badge-pulse{0%,to{opacity:1;box-shadow:0 0 6px #00dc64b3}50%{opacity:.45;box-shadow:0 0 2px #00dc6433}}.ra-live-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#00dc64;letter-spacing:.1em}.live-deploy-panel{display:flex;flex-direction:column;gap:2rem;padding:2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden}.live-deploy-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00dc64,transparent);opacity:.55}.live-deploy-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.live-deploy-status{display:flex;align-items:center;gap:.6rem}.live-deploy-dot{width:9px;height:9px;border-radius:50%;background:#00dc64;box-shadow:0 0 10px #00dc64bf;flex-shrink:0;animation:live-badge-pulse 1.5s ease-in-out infinite}.live-deploy-status-text{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:#00dc64;letter-spacing:.16em}.live-deploy-infra{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.live-deploy-infra-tag{font-family:var(--font-mono);font-size:.62rem;color:var(--text-secondary);letter-spacing:.06em;opacity:.55}.live-deploy-infra-sep{color:var(--text-secondary);opacity:.25;font-size:.6rem}.live-deploy-body{display:flex;flex-direction:column;gap:1rem}.live-deploy-desc{font-family:var(--font-mono);font-size:.95rem;color:var(--text-secondary);margin:0;letter-spacing:.02em}.live-deploy-url-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 1.75rem;background:#00dc640f;border:1px solid rgba(0,220,100,.28);border-radius:10px;text-decoration:none;transition:all .3s ease;align-self:flex-start;max-width:100%}.live-deploy-url-btn:hover{background:#00dc641f;border-color:#00dc648c;transform:translateY(-2px);box-shadow:0 8px 24px -8px #00dc642e}.live-url-text{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:#00dc64;letter-spacing:.02em}.live-url-arrow{font-size:1rem;color:#00dc648c;transition:transform .2s ease,color .2s ease}.live-deploy-url-btn:hover .live-url-arrow{transform:translate(2px,-2px);color:#00dc64}[data-theme=light] .live-deploy-panel{background:#f8fafc;border-color:#00000014;box-shadow:0 10px 25px #00000008}[data-theme=light] .live-deploy-infra-tag{color:#64748b;opacity:1}[data-theme=light] .live-deploy-desc{color:#334155}[data-theme=light] .live-deploy-url-btn{background:#fff;border-color:#bbf7d0;box-shadow:0 4px 12px #00dc640d}[data-theme=light] .live-deploy-url-btn:hover{background:#f0fdf4;border-color:#00dc64}@media (prefers-reduced-motion: reduce){.live-deploy-dot,.ra-live-dot-sm{animation:none}}@media (max-width: 480px){.live-deploy-panel{padding:1.5rem 1.25rem;gap:1.5rem}.live-url-text{font-size:.85rem}.live-deploy-url-btn{padding:.9rem 1.25rem}}.cv-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.cv-modal:not([hidden]){opacity:1;visibility:visible}.cv-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cv-modal-container{position:relative;width:100%;max-width:1000px;height:90vh;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transform:scale(.95) translateY(20px);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.cv-modal:not([hidden]) .cv-modal-container{transform:scale(1) translateY(0)}.cv-modal-header{padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border-bottom:1px solid var(--glass-border)}.cv-modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.cv-modal-controls{display:flex;gap:1rem}.cv-modal-close,.cv-download-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.cv-modal-close:hover,.cv-download-btn:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.1)}.cv-modal-body{flex:1;background:#f5f5f5;position:relative}.cv-modal-body iframe{border:none}@media (max-width: 768px){.cv-modal{padding:0}.cv-modal-container{height:100%;max-height:100vh;border-radius:0;border:none}.cv-modal-header{padding:1rem 1.5rem}}