:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Share Tech Mono", monospace;--font-heading:"Orbitron", "Outfit", sans-serif;--bg-color:#06070b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-blue:#3b82f6;--color-cyan:#06b6d4;--color-purple:#8b5cf6;--max-width:1200px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-color);scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.5px}.app-wrapper{flex-direction:column;min-height:100vh;padding-top:72px;display:flex;position:relative}.btn-primary{color:#000;height:54px;font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0px var(--color-blue);background:#fff;border:2.5px solid #000;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0 36px;font-size:14px;font-weight:800;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{box-shadow:3px 3px 0px var(--color-blue);background:#fff;transform:translate(2px,2px)}.btn-primary:active{box-shadow:0px 0px 0px var(--color-blue);transform:translate(5px,5px)}.btn-secondary{color:#000;height:54px;font-family:var(--font-mono);cursor:pointer;background:0 0;border:2.5px solid #000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:10px;padding:0 32px;font-size:14px;font-weight:800;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:2px 2px #000}.btn-secondary:hover{background:#fff;transform:translate(2px,2px);box-shadow:0 0 #000}.btn-secondary:active{transform:translate(2px,2px)}.btn-icon-svg{width:16px;height:16px}.header-nav{z-index:1000;width:100%;font-family:var(--font-sans);color:#fff;background-color:#000;border-bottom:1px solid #ffffff26;transition:all .3s;position:fixed;top:0;left:0}.header-container{max-width:var(--max-width);justify-content:space-between;align-items:center;height:72px;margin:0 auto;padding:16px 24px;display:flex}.header-logo-link{font-family:var(--font-heading);color:#fff;letter-spacing:2px;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-flex}.logo-icon-sys{color:var(--color-blue);font-family:var(--font-mono);font-size:18px;font-weight:700}.header-logo-link span{color:var(--color-blue)}.header-logo-link:hover{transform:scale(1.03)}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav-list{align-items:center;gap:36px;list-style:none;display:flex}.desktop-nav-link{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;opacity:.8;text-decoration:none;transition:all .2s}.desktop-nav-link:hover{opacity:1;color:var(--color-blue)}.menu-toggle-btn{cursor:pointer;color:#fff;font-family:var(--font-mono);z-index:1001;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;font-weight:500;transition:color .2s;display:none}.menu-toggle-btn:hover{color:var(--color-blue)}.menu-bracket{color:#fff6;margin:0 4px}.menu-toggle-btn:hover .menu-bracket{color:var(--color-blue)}@media (width<=768px){.desktop-nav-list{display:none}.menu-toggle-btn{display:flex}}.dropdown-menu-overlay{background-color:var(--bg-color);z-index:2000;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-left:1px solid #ffffff1a;flex-direction:column;width:100vw;height:100dvh;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.dropdown-menu-overlay.show{opacity:1;pointer-events:auto;transform:translate(0)}.dropdown-menu-header{box-sizing:border-box;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex}.dropdown-close-btn{color:#fff;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;font-weight:500;transition:color .2s;display:flex}.dropdown-close-btn:hover,.dropdown-close-btn:hover .menu-bracket{color:var(--color-blue)}.dropdown-menu-content{box-sizing:border-box;flex-direction:column;flex:1;max-width:100%;padding:2rem;display:flex}.dropdown-menu-label{font-family:var(--font-mono);color:#ffffff80;letter-spacing:1px;margin-top:clamp(1rem,6vh,4rem);margin-bottom:1.5rem;font-size:12px}.dropdown-nav{flex:1;width:100%}.dropdown-nav-list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.dropdown-nav-item{border-bottom:1px solid #ffffff1a;width:100%}.dropdown-nav-item:first-child{border-top:1px solid #ffffff1a}.dropdown-nav-link{outline:none;align-items:center;width:100%;padding:clamp(1rem,4vh,1.5rem) 0;text-decoration:none;transition:transform .2s;display:flex}.dropdown-nav-num{font-family:var(--font-mono);color:var(--color-blue);opacity:.8;width:40px;font-size:14px;transition:opacity .2s}.dropdown-nav-text{font-family:var(--font-heading);color:#fff;letter-spacing:1px;text-transform:uppercase;flex:1;font-size:clamp(20px,6vw,28px);font-weight:600;transition:color .2s}.dropdown-nav-marker{font-family:var(--font-mono);color:var(--color-blue);opacity:0;font-size:14px;transition:opacity .2s}.dropdown-nav-link:hover,.dropdown-nav-link:focus{transform:translate(6px)}.dropdown-nav-link:hover .dropdown-nav-text,.dropdown-nav-link:focus .dropdown-nav-text{color:var(--color-blue)}.dropdown-nav-link:hover .dropdown-nav-num,.dropdown-nav-link:focus .dropdown-nav-num,.dropdown-nav-link:hover .dropdown-nav-marker,.dropdown-nav-link:focus .dropdown-nav-marker{opacity:1}.dropdown-menu-footer{font-family:var(--font-mono);color:#ffffff4d;text-align:left;margin-top:2rem;font-size:12px}.ti-overlay{background-color:var(--bg-color);z-index:99999;width:100vw;height:100vh;font-family:var(--font-mono);background-image:url(/assets/background-BHGGRwS_.png);background-position:top;background-repeat:repeat;background-size:auto;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.ti-overlay.ti-fade-out{opacity:0;pointer-events:none}.ti-scanlines{z-index:100005;pointer-events:none;opacity:.85;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px,linear-gradient(90deg,#3b82f608,#06b6d405,#8b5cf608) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.ti-box-window{z-index:100003;background-color:#e2e8f0;border:3.5px solid #000;border-radius:12px;flex-direction:column;width:90%;max-width:680px;display:flex;position:relative;overflow:hidden;box-shadow:12px 12px #000}.ti-header{-webkit-user-select:none;user-select:none;z-index:100004;background-color:#cbd5e1;border-bottom:3.5px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex;position:relative}.ti-dots{gap:8px;display:flex}.ti-dot{cursor:pointer;border:2px solid #000;border-radius:50%;width:12px;height:12px;transition:transform .15s}.ti-dot:hover{transform:scale(1.15)}.ti-dot--red{background-color:#ff5f56}.ti-dot--yellow{background-color:#ffbd2e}.ti-dot--green{background-color:#27c93f}.ti-header-title{color:#000;font-size:13px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;position:absolute;left:50%;transform:translate(-50%)}.ti-skip-btn{color:#000;font-family:var(--font-mono);cursor:pointer;background:#fff;border:2.5px solid #000;border-radius:4px;outline:none;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s;box-shadow:2px 2px #000}.ti-skip-btn:hover{background-color:#f1f5f9;transform:translateY(-1px)translate(-1px);box-shadow:3px 3px #000}.ti-body{box-sizing:border-box;background-color:#e2e8f0;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:380px;padding:28px;display:flex;overflow-y:auto}.ti-lines-block{flex-direction:column;gap:6px;width:100%;margin-bottom:24px;display:flex}.ti-line{color:#0f172a;flex-wrap:wrap;align-items:baseline;width:100%;font-size:14.5px;font-weight:700;line-height:1.5;display:flex}.ti-prompt{color:#4f46e5;opacity:.95;-webkit-user-select:none;user-select:none;margin-right:8px;font-weight:700}.ti-line-text{color:#0f172a}.ti-line--highlight .ti-line-text{font-weight:700;color:#0891b2!important}.ti-line--success .ti-line-text{font-weight:700;color:#047857!important}.ti-cursor{vertical-align:middle;background-color:#000;width:8px;height:15px;margin-left:4px;animation:.9s infinite ti-blink;display:inline-block}@keyframes ti-blink{0%,49%{opacity:1}50%,to{opacity:0}}.ti-progress-wrap{align-items:center;gap:12px;width:100%;margin-top:auto;margin-bottom:12px;font-size:12.5px;display:flex}.ti-progress-label{color:#4f46e5;letter-spacing:1.5px;font-weight:700}.back-to-top-3d{cursor:pointer;z-index:998;opacity:0;pointer-events:none;background:0 0;border:none;outline:none;padding:0;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;right:24px;transform:translateY(15px)scale(.95)}.back-to-top-3d.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.button-svg-wrapper{transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.back-to-top-3d:hover .button-svg-wrapper{transform:translateY(-6px)scale(1.05)}.dark-mode{color:var(--text-primary);background-image:url(/assets/background-BHGGRwS_.png);background-position:top;background-repeat:repeat;background-size:auto;background-attachment:fixed;position:relative}.white-mode{color:#0f172a;background:linear-gradient(90deg,#0000000a 1px,#0000 1px) top/24px 24px,linear-gradient(#0000000a 1px,#0000 1px) top/24px 24px,url(/assets/hero-bg-white-Blg3x8e4.png) top;position:relative}.transition-strip-wrap{z-index:20;flex-direction:column;width:100%;height:100px;display:flex;position:relative}.transition-strip-wrap.slim{border-top:none;height:0}.torn-edge-top,.torn-edge-bottom{filter:url(#torn-edge-filter);z-index:10;background-image:url(/assets/background-BHGGRwS_.png);background-repeat:repeat;background-size:auto;width:100%;height:20px;position:absolute;left:0}.torn-edge-top{top:-10px}.torn-edge-bottom{bottom:-10px}.transition-strip-content-centered{background-image:url(/assets/background-BHGGRwS_.png);background-repeat:repeat;background-size:auto;border-top:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;padding:0 24px;display:flex}.strip-centered-text{font-family:var(--font-mono);letter-spacing:4px;color:#fff;align-items:center;gap:20px;font-size:13px;font-weight:600;display:flex}.strip-separator{color:var(--color-blue)}@media (width<=768px){.transition-strip-wrap{height:80px}.strip-centered-text{letter-spacing:2px;gap:12px;font-size:11px}}.section-container{width:100%;max-width:var(--max-width);box-sizing:border-box;flex-direction:column;align-items:center;margin:0 auto;padding:80px 24px;display:flex}.section-header-block-centered{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:60px;display:flex}.section-header-block{text-align:center;width:100%;margin-bottom:48px}.section-meta-label{font-family:var(--font-mono);color:#00000080;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.dark-mode .section-meta-label{color:var(--color-blue)}.section-heading{text-transform:uppercase;color:inherit;letter-spacing:1px;font-size:clamp(28px,4vw,40px);font-weight:800}.heading-underline{background-color:var(--color-blue);width:40px;height:3px;margin:12px auto 0}.section-subtitle{color:#475569;margin-top:16px;font-size:16px;line-height:1.6}.dark-mode .section-subtitle{color:#94a3b8}.section-hero{z-index:1;width:100%;position:relative}.hero-first-fold{flex-direction:column;width:100%;min-height:calc(100vh - 72px);display:flex}.hero-top-section{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:40px 24px;display:flex}.hero-corner-mark{pointer-events:none;z-index:5;border:3px solid #000;width:18px;height:18px;position:absolute;box-shadow:0 0 10px #3b82f61f}.hero-corner-mark.top-left{border-bottom:none;border-right:none;top:24px;left:24px}.hero-corner-mark.top-right{border-bottom:none;border-left:none;top:24px;right:24px}.hero-corner-mark.bottom-left{border-top:none;border-right:none;bottom:24px;left:24px}.hero-corner-mark.bottom-right{border-top:none;border-left:none;bottom:24px;right:24px}@media (width<=700px){.hero-corner-mark.top-left{top:16px;left:16px}.hero-corner-mark.top-right{top:16px;right:16px}.hero-corner-mark.bottom-left{bottom:16px;left:16px}.hero-corner-mark.bottom-right{bottom:16px;right:16px}}.hero-content{flex-direction:column;align-items:stretch;width:100%;max-width:1060px;margin:-35px auto 0;display:flex;position:relative}.hero-grid{grid-template-columns:1fr;align-items:center;gap:24px;width:100%;display:grid}@media (width>=801px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}}.hero-text-column{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-illustration-column{justify-content:center;align-items:center;display:flex}.micro-label{font-family:var(--font-mono);color:var(--color-blue);letter-spacing:2px;opacity:.8;font-size:10px;position:absolute;top:0}.micro-label.left-label{left:0}.micro-label.right-label{right:0}@media (width<=800px){.micro-label{display:none}}.hero-greeting{font-family:var(--font-sans);color:#475569;letter-spacing:3.5px;text-transform:uppercase;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.hero-greeting:before,.hero-greeting:after{content:"";background-color:#cbd5e1;width:24px;height:1px;margin:0 16px;display:block}@media (width<=700px){.hero-greeting{letter-spacing:2.5px;font-size:11px}.hero-greeting:before,.hero-greeting:after{width:16px;margin:0 8px}}.hero-title{color:#000;letter-spacing:-1px;-webkit-text-stroke:none;text-shadow:none;text-align:center;margin-bottom:24px;font-family:Orbitron,sans-serif;font-size:clamp(36px,8vw,84px);font-weight:900;line-height:.95}@media (width>=801px){.hero-title{white-space:nowrap;font-size:clamp(38px,6vw,76px)}}@media (width<=700px){.hero-title{letter-spacing:2px;font-size:36px}}.hero-role-wrapper{justify-content:center;align-items:center;margin-bottom:28px;display:flex}.hero-role{font-family:var(--font-heading);color:#0f172a;letter-spacing:3.5px;text-transform:uppercase;background:#0f172a0a;border:1px solid #0f172a1a;border-radius:4px;padding:6px 16px;font-size:16px;font-weight:600}@media (width<=700px){.hero-role-wrapper{flex-direction:column;gap:16px}.hero-role{letter-spacing:2px;font-size:12px}}.hero-description{font-family:var(--font-sans);color:#334155;letter-spacing:.2px;max-width:560px;margin-bottom:28px;font-size:clamp(16px,2vw,18px);font-weight:500;line-height:1.7}.desktop-break{display:block}@media (width<=700px){.desktop-break{display:none}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.hero-animation-slot{justify-content:center;align-items:center;width:320px;max-width:100%;height:360px;display:flex}.developer-animation-canvas{object-fit:contain;opacity:.85;mix-blend-mode:multiply;width:100%;height:100%;display:block}@media (width>=801px){.hero-animation-slot{transform:translate(-20px,25px)scale(1.1)}}@media (width>=1200px){.hero-animation-slot{width:340px;height:380px}}@media (width<=1199px) and (width>=801px){.hero-animation-slot{width:260px;height:300px}}@media (width<=800px){.hero-animation-slot{width:220px;height:260px;margin:0 auto}.hero-grid{gap:40px}}.hero-illustration-placeholder{border:1.5px dashed var(--color-blue);width:100%;height:100%;font-family:var(--font-mono);color:var(--color-blue);text-align:center;background:#3b82f608;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:10px;display:flex}.card-3d-wrapper{flex-direction:column;height:100%;margin-top:16px;margin-right:16px;transition:transform .2s ease-out;display:flex;position:relative}.card-3d-wrapper:hover{transform:translateY(-4px)translate(-1px)}.card-3d-front{background-color:var(--surface-color,#fff);z-index:3;color:var(--text-color,#0f172a);box-sizing:border-box;border:2.5px solid #000;flex-direction:column;height:100%;padding:32px;display:flex;position:relative}.card-3d-top{background-color:var(--extrusion-color,#3b82f6);transform-origin:bottom;z-index:2;box-sizing:border-box;border:2.5px solid #000;border-bottom:none;width:100%;height:12px;position:absolute;top:-12px;left:0;transform:skew(-45deg)}.card-3d-right{background-color:var(--extrusion-color-dark,#1d4ed8);transform-origin:0;z-index:2;box-sizing:border-box;border:2.5px solid #000;border-left:none;width:12px;height:100%;position:absolute;top:0;right:-12px;transform:skewY(-45deg)}.card-3d-title{font-family:var(--font-heading);color:inherit;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px dashed #00000026;flex-direction:column;margin-bottom:24px;padding-bottom:16px;font-size:20px;font-weight:800;display:flex}.card-category-number{font-family:var(--font-mono);color:var(--color-blue);letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:600}.card-3d-front.dark-surface .card-3d-title{border-bottom:2px dashed #ffffff26}.card-3d-body{color:inherit;flex-grow:1;margin-bottom:32px;font-size:16px;line-height:1.6}.card-3d-body p{margin-bottom:16px}.card-3d-body p:last-child{margin-bottom:0}.card-3d-tags{flex-wrap:wrap;flex-grow:1;align-content:flex-start;gap:12px;padding-top:16px;display:flex}.card-3d-tag{font-family:var(--font-mono);color:#000;letter-spacing:.5px;background-color:#fff;border:1px solid #000;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-flex;box-shadow:2px 2px #000}.card-3d-tag:hover{transform:translate(2px,2px);box-shadow:0 0 #000}.card-3d-tag svg{font-size:16px}.about-outer-wrap{z-index:10;width:100%;padding-bottom:100px;position:relative}.about-editorial-grid{z-index:2;grid-template-columns:1fr 1fr;gap:40px;width:100%;display:grid;position:relative}@media (width<=900px){.about-editorial-grid{grid-template-columns:1fr}}.about-bottom-transition{z-index:20;width:100%;height:1px;position:absolute;bottom:0;left:0}.geometric-cut-line{background-color:var(--color-blue);width:100%;height:1px;position:absolute;top:0;left:0}.geometric-cut-label{font-family:var(--font-mono);color:var(--color-blue);letter-spacing:2px;z-index:2;white-space:nowrap;background-color:#fff;padding:0 24px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-stack-outer-wrap{z-index:10;width:100%;padding-bottom:20px;position:relative}.stack-matrix-grid{z-index:2;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:40px;width:100%;display:grid;position:relative}.stack-matrix-grid>:first-child{grid-column:1/span 2}.stack-matrix-grid>:nth-child(2){grid-column:3/span 2}.stack-matrix-grid>:nth-child(3){grid-column:5/span 2}.stack-matrix-grid>:nth-child(4){grid-column:2/span 2}.stack-matrix-grid>:nth-child(5){grid-column:4/span 2}@media (width<=1024px){.stack-matrix-grid{grid-template-columns:repeat(2,1fr)}.stack-matrix-grid>*{grid-column:span 1!important}}@media (width<=768px){.stack-matrix-grid{grid-template-columns:1fr}}.about-sub-section{margin-top:24px}.about-sub-title{font-family:var(--font-mono);color:#475569;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}.about-sub-list{margin:0;padding:0;list-style:none}.about-sub-list li{color:#334155;margin-bottom:6px;padding-left:12px;font-size:14px;position:relative}.about-sub-list li:before{content:"•";color:var(--color-blue);position:absolute;left:0}.projects-outer-wrap{z-index:1;width:100%;padding-bottom:80px;position:relative}.projects-transition{z-index:10;background-image:url(/assets/background-BHGGRwS_.png);background-repeat:repeat;background-size:auto;border-bottom:2px solid #000;justify-content:center;align-items:center;width:100%;padding:40px 0;display:flex;position:relative}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;display:grid}.featured-project-layout{grid-column:1/-1;margin-bottom:20px}.featured-front{flex-direction:row;padding:0;display:flex}.featured-left{flex-direction:column;flex:1.5;padding:40px;display:flex}.featured-divider-vertical{background-image:linear-gradient(#00000026 50%,#0000 50%);background-repeat:repeat-y;background-size:1px 10px;width:1px}.featured-right{flex-direction:column;flex:1;gap:20px;padding:40px;display:flex}.arch-spec-block{flex-direction:column;gap:4px;display:flex}.arch-spec-label{font-family:var(--font-mono);color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.arch-spec-value{font-family:var(--font-mono);color:#0f172a;text-transform:uppercase;font-size:13px;font-weight:600}.project-title{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:28px;font-weight:800}.featured-project-layout .project-title{font-size:36px}.project-subtitle{font-family:var(--font-mono);color:var(--color-blue);letter-spacing:.5px;margin-bottom:0;font-size:14px;font-weight:700}.project-divider{border:none;border-bottom:1px dashed #00000026;width:100%;margin:20px 0}.project-description{color:#334155;margin-bottom:24px;font-size:16px;line-height:1.6}.project-tech-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.tech-tag-compact{font-family:var(--font-mono);color:#000;text-transform:uppercase;background:#fff;border:1px solid #000;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-flex;box-shadow:2px 2px #000}.tech-tag-compact:hover{transform:translate(2px,2px);box-shadow:0 0 #000}.project-card-actions{align-items:center;gap:16px;display:flex}.project-card-actions .btn-primary{padding:10px 20px;font-size:13px}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.project-number{font-family:var(--font-mono);color:#64748b;letter-spacing:1px;font-size:14px;font-weight:700}@media (width<=900px){.featured-front{flex-direction:column}.featured-left,.featured-right{padding:32px}.featured-divider-vertical{background-image:linear-gradient(90deg,#00000026 50%,#0000 50%);background-repeat:repeat-x;background-size:10px 1px;width:100%;height:1px}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.featured-project-layout .project-title{font-size:28px}}.playground-outer-wrap{z-index:10;width:100%;padding-bottom:80px;position:relative}.playground-intro{font-family:var(--font-mono);color:#94a3b8;margin-top:24px;font-size:16px;line-height:1.6}.playground-outer-wrap .section-header-block-centered{margin-bottom:40px}.game-hint-line{font-family:var(--font-mono);color:#ffffffa6;text-align:center;letter-spacing:.5px;margin-top:0;font-size:13px}.game-hint-line strong{color:#e11d48;font-weight:700}.game-wrapper{justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex}.game-box-wrapper{box-sizing:border-box;background-color:#e2e8f0;border:3px solid #000;border-radius:6px;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:16px;display:flex;box-shadow:10px 10px #000}.game-canvas-container-new{cursor:pointer;width:100%;position:relative;overflow:hidden}.game-canvas-rect{height:400px;box-shadow:none;border:2.5px solid #000;border-radius:4px}.game-canvas-new{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.game-score-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:14px;display:flex}.score-stat-card{background:#fff;border:2.5px solid #000;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;box-shadow:3px 3px #000}.score-stat-card.highlight{background:#fef08a}.stat-label{font-family:var(--font-mono);color:#000;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:800}.stat-val{font-family:var(--font-heading);color:#000;font-size:22px;font-weight:900}.game-intro-new{text-align:center;font-family:var(--font-mono);color:#1e293b;z-index:3;pointer-events:none;white-space:nowrap;background:#ffffffd9;border:2px solid #000;border-radius:2px;padding:14px 24px;font-size:15px;font-weight:600;line-height:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:3px 3px #000}.game-perfect-new{font-family:var(--font-heading);color:#dc2626;opacity:0;z-index:3;pointer-events:none;text-shadow:0 2px 4px #0003;letter-spacing:1px;font-size:1.4em;font-weight:900;position:absolute;top:28%;left:50%;transform:translate(-50%)}.game-over-text{color:#ffe81f;letter-spacing:5px;text-transform:uppercase;text-align:center;z-index:4;text-shadow:4px 0 #d32f2f,-4px 0 #d32f2f,0 4px #d32f2f,0 -4px #d32f2f,4px 4px #d32f2f,-4px -4px #d32f2f,4px -4px #d32f2f,-4px 4px #d32f2f;pointer-events:none;justify-content:center;align-items:center;width:100%;font-family:"Press Start 2P",monospace;font-size:2.1em;font-weight:350;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-bottom-controls{justify-content:center;align-items:center;width:100%;margin-top:16px;display:flex}.game-action-btn{color:#000;width:100%;max-width:220px;height:42px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:#fff;border:2.5px solid #000;border-radius:4px;font-size:13px;font-weight:700;transition:all .1s;box-shadow:3px 3px #000}.game-action-btn:hover{background-color:#f8fafc;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.game-action-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.game-footer-message{text-align:center;font-family:var(--font-mono);color:#64748b;margin-top:16px;font-size:12px}.contact-outer-wrap{z-index:10;width:100%;padding-bottom:64px;position:relative}.contact-header-block{margin-bottom:40px}.contact-card-wrapper{width:100%;max-width:860px;margin:16px auto!important}.contact-card-front{flex-direction:row!important;align-items:flex-start!important;gap:48px!important;padding:36px 40px!important}.contact-card-left{flex-direction:column;flex:0 0 58%;display:flex}.contact-card-heading{font-family:var(--font-heading);color:#0f172a;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:20px;font-weight:800}.contact-card-divider{border:none;border-top:2px dashed #00000026;width:100%;height:0;margin-bottom:16px}.contact-card-body{font-family:var(--font-sans);color:#475569;margin:0;font-size:15px;line-height:1.7}.contact-card-right{flex-flow:wrap;flex:1;align-items:flex-start;gap:12px;padding-top:4px;display:flex}@media (width<=768px){.contact-card-front{flex-direction:column!important;align-items:stretch!important;gap:24px!important;padding:28px 24px!important}.contact-card-left{flex:none}.contact-card-right{flex-direction:column;flex:none;align-items:stretch;width:100%;padding-top:0}.contact-card-wrapper{margin-right:12px!important}}.site-footer{color:#fff;width:100%;font-family:var(--font-mono);background-color:#000;background-image:url(/assets/background-BHGGRwS_.png);background-repeat:repeat;background-size:auto;border-top:2px solid #ffffff0d}.footer-container{max-width:var(--max-width);box-sizing:border-box;flex-direction:column;gap:32px;margin:0 auto;padding:64px 24px 32px;display:flex}.footer-top{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:2px;color:#fff;text-transform:uppercase;font-size:20px;font-weight:900;text-decoration:none;transition:color .15s}.footer-logo:hover,.footer-logo-tilde,.footer-logo-sep{color:var(--color-blue)}.footer-tagline{font-family:var(--font-mono);letter-spacing:3px;color:#64748b;text-transform:uppercase;font-size:12px}.footer-divider{background-color:#ffffff0d;width:100%;height:1px}.footer-nav-list{flex-wrap:wrap;justify-content:center;gap:8px 32px;margin:0;padding:0;list-style:none;display:flex}.footer-nav-link{font-family:var(--font-mono);letter-spacing:1.5px;color:#ffffff8c;text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.footer-nav-link:hover{color:var(--color-blue)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-copy{font-family:var(--font-mono);letter-spacing:1px;color:#ffffff59;font-size:12px}.footer-social-links{gap:24px;display:flex}.footer-social-link{font-family:var(--font-mono);letter-spacing:1px;color:#ffffff8c;text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.footer-social-link:hover{color:var(--color-blue)}@media (width<=600px){.footer-bottom{text-align:center;flex-direction:column;align-items:center}.footer-nav-list{gap:8px 20px}}