:root{--lab-bg: #0d1117;--lab-surface: #161b22;--lab-border: #30363d;--ice-primary: #58a6ff;--ice-light: #79c0ff;--ice-glow: #1f6feb;--ice-crystal: #8ed9ff;--frost: #c9d1d9;--dark-ice: #0969da;--pixel: 8px;--grid-1: calc(var(--pixel) * 1);--grid-2: calc(var(--pixel) * 2);--grid-3: calc(var(--pixel) * 3);--grid-4: calc(var(--pixel) * 4);--grid-6: calc(var(--pixel) * 6);--grid-8: calc(var(--pixel) * 8);--grid-12: calc(var(--pixel) * 12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}html,body,#root{height:100%;width:100%}body{font-family:JetBrains Mono,Courier New,monospace;touch-action:pan-y pinch-zoom;background:var(--lab-bg);color:var(--frost);line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent var(--pixel),rgba(88,166,255,.02) var(--pixel),rgba(88,166,255,.02) calc(var(--pixel) * 2));pointer-events:none;z-index:9999;mix-blend-mode:overlay}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;image-rendering:pixelated}h1{font-size:64px;line-height:64px}h2{font-size:32px;line-height:32px}h3{font-size:24px;line-height:24px}.pixel-text{position:relative;display:inline-block}.pixel-text:before{content:attr(data-text);position:absolute;left:2px;top:2px;color:var(--ice-glow);z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 var(--grid-3)}.pixel-box{background:var(--lab-surface);border:2px solid var(--lab-border);box-shadow:0 0 0 1px var(--lab-bg),0 0 16px #58a6ff1a;image-rendering:pixelated}.ice-glow{box-shadow:0 0 8px var(--ice-glow),0 0 16px var(--ice-primary),inset 0 0 8px #58a6ff33}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--lab-surface);border-bottom:2px solid var(--lab-border);image-rendering:pixelated}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--grid-2);max-width:1200px;margin:0 auto}.brand{display:flex;align-items:center;gap:var(--grid-2);text-decoration:none;color:var(--ice-light);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.logo-ice{width:32px;height:32px;background:var(--ice-primary);box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light),0 0 16px var(--ice-glow);animation:ice-pulse 2s ease-in-out infinite}@keyframes ice-pulse{0%,to{box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light),0 0 16px var(--ice-glow)}50%{box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light),0 0 24px var(--ice-glow)}}.brand-tag{font-size:10px;color:var(--ice-crystal);text-transform:none;letter-spacing:1px}.nav{display:flex;gap:var(--grid-3)}.nav a{color:var(--frost);text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;padding:var(--grid-1) var(--grid-2);border:2px solid transparent;transition:all .1s steps(2);position:relative}.nav a:hover{color:var(--ice-light);border:2px solid var(--ice-primary);background:#58a6ff1a;box-shadow:0 0 8px var(--ice-glow)}.hero{min-height:100vh;display:grid;place-items:center;padding-top:80px;padding-bottom:var(--grid-8);position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(var(--pixel) * 16),rgba(88,166,255,.02) calc(var(--pixel) * 16),rgba(88,166,255,.02) calc(var(--pixel) * 17))}.hero-inner{display:flex;justify-content:center;align-items:center;gap:48px;max-width:1200px;width:100%}.hero-text h1{color:var(--ice-light);margin-bottom:var(--grid-3);text-shadow:0 0 10px rgba(88,166,255,.5),0 0 20px rgba(88,166,255,.3),0 0 30px rgba(88,166,255,.2),2px 2px 0 var(--ice-glow),4px 4px 0 var(--dark-ice);animation:neon-flicker 4s infinite}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px rgba(88,166,255,.5),0 0 20px rgba(88,166,255,.3),0 0 30px rgba(88,166,255,.2),2px 2px 0 var(--ice-glow),4px 4px 0 var(--dark-ice)}20%,24%,55%{text-shadow:0 0 5px rgba(88,166,255,.3),2px 2px 0 var(--ice-glow),4px 4px 0 var(--dark-ice)}}.hero-text .lead{font-size:14px;color:var(--frost);line-height:24px;max-width:50ch;opacity:.8}.hero-ctas{display:flex;gap:var(--grid-2);margin-top:var(--grid-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--grid-2) var(--grid-4);font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;text-decoration:none;text-transform:uppercase;border:2px solid var(--lab-border);background:var(--lab-surface);color:var(--frost);cursor:pointer;transition:all .1s steps(2);position:relative;image-rendering:pixelated}.btn:after{content:"";position:absolute;bottom:-2px;right:-2px;width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid transparent;transition:all .1s steps(2)}.btn.primary{background:var(--ice-primary);border-color:var(--ice-light);color:var(--lab-bg);box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light),0 4px 0 var(--dark-ice)}.btn.primary:hover{transform:translateY(2px);box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light),0 2px 0 var(--dark-ice)}.btn.primary:active{transform:translateY(4px);box-shadow:inset -2px -2px 0 var(--dark-ice),inset 2px 2px 0 var(--ice-light)}.btn.ghost{background:transparent;border-color:var(--ice-primary);color:var(--ice-light)}.btn.ghost:hover{background:#58a6ff1a;box-shadow:0 0 16px var(--ice-glow)}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--grid-3)}.pixel-iceberg-canvas{max-width:100%;height:auto;image-rendering:pixelated;border:2px solid var(--ice-primary);background:#58a6ff0d;box-shadow:0 0 16px var(--ice-glow),inset 0 0 32px #58a6ff1a;cursor:pointer;transition:all .1s steps(2)}.pixel-iceberg-canvas:hover{box-shadow:0 0 24px var(--ice-glow),inset 0 0 32px #58a6ff33;border-color:var(--ice-light)}.services{padding:var(--grid-12) 0;background:repeating-linear-gradient(0deg,var(--lab-bg),var(--lab-bg) calc(var(--pixel) * 16),var(--lab-surface) calc(var(--pixel) * 16),var(--lab-surface) calc(var(--pixel) * 17))}.section-title{font-size:32px;margin-bottom:var(--grid-6);text-align:center;color:var(--ice-light);text-shadow:2px 2px 0 var(--ice-glow);position:relative}.section-title:after{content:"";display:block;width:64px;height:4px;background:var(--ice-primary);margin:var(--grid-2) auto 0;box-shadow:0 0 8px var(--ice-glow)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--grid-3)}.card{background:var(--lab-surface);border:2px solid var(--lab-border);padding:var(--grid-4);position:relative;transition:all .1s steps(2);cursor:pointer;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--ice-primary);box-shadow:0 0 8px var(--ice-glow);transition:left .3s steps(8)}.card:hover:before{left:100%}.card:hover{border-color:var(--ice-primary);box-shadow:0 0 16px var(--ice-glow),inset 0 0 16px #58a6ff1a;transform:translate(-4px,-4px)}.card:hover:after{content:"";position:absolute;bottom:-2px;right:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid var(--ice-primary);pointer-events:none}.card .icon{font-size:32px;margin-bottom:var(--grid-2);display:block;filter:drop-shadow(0 0 8px var(--ice-glow))}.card h3{font-size:16px;margin-bottom:var(--grid-2);color:var(--ice-crystal);text-transform:uppercase}.card p{font-size:12px;color:var(--frost);line-height:20px;opacity:.8}.portfolio{padding:var(--grid-12) 0;background:var(--lab-bg)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--grid-3)}.work{background:var(--lab-surface);border:2px solid var(--lab-border);overflow:hidden;position:relative;cursor:pointer;transition:all .1s steps(2)}.work:hover{border-color:var(--ice-primary);box-shadow:0 0 24px var(--ice-glow);transform:translate(-4px,-4px)}.work:hover:after{content:"";position:absolute;bottom:-2px;right:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid var(--ice-primary);pointer-events:none}.thumb{height:160px;background:repeating-linear-gradient(45deg,var(--ice-glow),var(--ice-glow) 2px,var(--ice-primary) 2px,var(--ice-primary) 4px);position:relative;overflow:hidden;border-bottom:2px solid var(--lab-border)}.thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(13,17,23,.3) 2px,rgba(13,17,23,.3) 4px);opacity:0;transition:opacity .2s steps(4)}.work:hover .thumb:after{opacity:1}.work-body{padding:var(--grid-3)}.work-body h3{font-size:16px;margin-bottom:var(--grid-1);color:var(--ice-light);text-transform:uppercase}.work-body .muted{color:var(--ice-crystal);font-size:10px;text-transform:uppercase;margin-bottom:var(--grid-2);display:block;letter-spacing:1px}.work-body p{font-size:12px;color:var(--frost);line-height:18px;opacity:.8}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--grid-1);margin-top:var(--grid-2)}.tech-tags span{padding:4px 8px;background:#58a6ff1a;border:1px solid var(--ice-primary);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ice-crystal)}.contact{padding:var(--grid-12) 0;background:var(--lab-surface);border-top:2px solid var(--lab-border)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-4);margin-top:var(--grid-4)}.contact-card{background:var(--lab-bg);border:2px solid var(--lab-border);padding:var(--grid-4)}.contact-card h3{font-size:16px;margin-bottom:var(--grid-3);color:var(--ice-crystal);text-transform:uppercase}.contact-form{display:flex;flex-direction:column;gap:var(--grid-3)}.form-group{display:flex;flex-direction:column;gap:var(--grid-1)}.form-group label{font-size:10px;color:var(--ice-crystal);font-weight:600;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{background:var(--lab-surface);border:2px solid var(--lab-border);color:var(--frost);padding:var(--grid-2);font-family:JetBrains Mono,monospace;font-size:12px;transition:all .1s steps(2);image-rendering:pixelated}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--ice-primary);box-shadow:0 0 16px var(--ice-glow),inset 0 0 8px #58a6ff1a}.form-group textarea{resize:vertical;min-height:96px}.form-group.error input,.form-group.error textarea{border-color:#f44;box-shadow:0 0 8px #ff444480}.form-group .error-message{color:#f44;font-size:10px;text-transform:uppercase}.site-footer{border-top:2px solid var(--lab-border);padding:var(--grid-4) 0;background:var(--lab-bg)}.footer-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--grid-3)}.footer-inner p{color:var(--frost);font-size:10px;text-transform:uppercase;opacity:.6}.footer-links{display:flex;gap:var(--grid-3)}.footer-links a{color:var(--ice-crystal);text-decoration:none;font-size:10px;text-transform:uppercase;transition:all .1s steps(2)}.footer-links a:hover{color:var(--ice-light)}.gamefield-canvas,.cryo-effects-canvas,.snow-canvas{position:fixed;top:0;left:0;pointer-events:none;image-rendering:pixelated}.gamefield-canvas{z-index:1;opacity:.2}.cryo-effects-canvas{z-index:500;mix-blend-mode:screen}.snow-canvas{z-index:100;mix-blend-mode:screen;opacity:.3}.app-root>*{position:relative;z-index:10}@media (max-width: 900px){.hero-inner{flex-direction:column;gap:var(--grid-4);padding:var(--grid-3)}.hero-text{text-align:center}.hero-ctas{justify-content:center}h1{font-size:48px;line-height:48px}.contact-grid{grid-template-columns:1fr}.nav{display:none}}@media (max-width: 600px){.hero-inner{gap:var(--grid-3)}.cards,.grid{grid-template-columns:1fr}h1{font-size:32px;line-height:32px}h2{font-size:24px;line-height:24px}.section-title{font-size:20px;margin-bottom:var(--grid-4);word-break:break-word;padding:0 var(--grid-2)}.hero-text .lead{font-size:12px;line-height:20px}.btn{font-size:10px;padding:var(--grid-1) var(--grid-3)}.brand{font-size:14px;gap:var(--grid-1)}.brand-name{font-size:14px}.brand-tag{font-size:8px}.logo-ice{width:24px;height:24px}.header{padding:var(--grid-2) var(--grid-3)}.container{padding:0 var(--grid-2)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cryo-effects-canvas,.snow-canvas{display:none!important}}*:focus-visible{outline:2px solid var(--ice-primary);outline-offset:2px}.frost-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(88,166,255,.05) 4px,rgba(88,166,255,.05) 8px);opacity:0;transition:opacity .2s steps(4);pointer-events:none}.card:hover .frost-overlay,.work:hover .frost-overlay{opacity:1}