.site-header{position:sticky;top:0;z-index:100;background:rgba(3,10,18,.88);border-bottom:1px solid rgba(36,82,107,.65);backdrop-filter:blur(14px)}
.navbar{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:10rem;height:auto}
.nav-menu{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}
.nav-link{display:block;padding:.65rem .85rem;color:var(--text-secondary);font-size:.91rem;font-weight:650;border-radius:.5rem}
.nav-link:hover,.nav-link[aria-current="page"]{color:var(--text-primary);background:var(--accent-soft)}
.nav-link[aria-current="page"]{box-shadow:inset 0 -2px var(--accent)}
.nav-toggle{display:none;width:2.75rem;height:2.75rem;padding:.6rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);cursor:pointer}
.nav-toggle span{display:block;height:2px;margin:.27rem 0;background:var(--text-primary);border-radius:1rem;transition:.2s ease}
.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.5rem;padding:.68rem 1.1rem;border:1px solid transparent;border-radius:.65rem;font-size:.9rem;font-weight:750;line-height:1.2;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(110deg,var(--accent),#16b9ed);color:#011019;box-shadow:0 10px 28px rgba(15,194,221,.16)}
.button-primary:hover{background:linear-gradient(110deg,#4be9e6,#3db8fa)}
.button-secondary{border-color:var(--border-strong);background:rgba(7,21,34,.72);color:var(--text-primary)}
.button-secondary:hover{background:var(--surface-hover);border-color:var(--accent)}
.button-disabled{border-color:var(--border);background:rgba(7,21,34,.7);color:var(--text-muted);cursor:default}.button-disabled:hover{transform:none}
.hero{position:relative;overflow:hidden;padding:6.5rem 0 5rem;border-bottom:1px solid rgba(24,56,77,.75)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(33,99,128,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(33,99,128,.11) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(90deg,transparent 15%,#000 75%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(21rem,.92fr);align-items:center;gap:4rem}
.hero-copy{max-width:43rem}.hero-copy>p{max-width:40rem;margin:1.4rem 0 2rem;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.home-hero{isolation:isolate;min-height:35rem;padding:4.75rem 0 5.25rem;background:radial-gradient(circle at 83% 28%,rgba(13,139,202,.16),transparent 24rem),linear-gradient(115deg,rgba(4,15,25,.98) 8%,rgba(5,21,35,.94) 58%,rgba(6,31,50,.88) 100%)}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 55%,rgba(14,71,100,.2) 55% 55.12%,transparent 55.12%),linear-gradient(154deg,transparent 0 77%,rgba(20,87,115,.17) 77.1% 77.3%,transparent 77.4%);pointer-events:none}
.home-hero::after{inset:0 0 0 39%;z-index:-2;background-image:linear-gradient(rgba(33,114,151,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(33,114,151,.15) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 88%,transparent)}
.home-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(25rem,.92fr);gap:2.5rem}
.home-hero .hero-copy{position:relative;z-index:2;max-width:42rem}
.home-hero .hero-copy h1{font-size:clamp(3.35rem,6vw,5.15rem);line-height:1.02;letter-spacing:-.045em;text-shadow:0 4px 24px rgba(0,0,0,.32)}
.home-hero .hero-copy>p{max-width:39rem;margin:1.55rem 0 1.8rem;color:#becbd5;font-size:1.05rem;line-height:1.65}
.home-hero .button{min-height:3.15rem;padding-inline:1.35rem;border-radius:.72rem}
.hero-edge{position:absolute;right:0;bottom:-1px;left:0;height:6rem;z-index:-1;border-top:1px solid rgba(28,85,111,.28);clip-path:polygon(0 28%,23% 100%,64% 100%,78% 0,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(4,14,23,.04),rgba(2,9,15,.72))}
.page-hero{padding:5.5rem 0 4rem}.page-hero h1{font-size:clamp(2.6rem,6vw,4.5rem)}.page-hero p{max-width:42rem;margin-top:1.25rem;font-size:1.08rem}
.logo-visual{position:relative;display:grid;min-height:24rem;place-items:center}
.logo-visual::before,.logo-visual::after{content:"";position:absolute;border:1px solid rgba(29,216,220,.25);border-radius:1rem}
.logo-visual::before{width:75%;height:75%;transform:rotate(5deg)}.logo-visual::after{width:55%;height:55%;transform:translate(35%,-20%)}
.logo-orbit{position:absolute;inset:5%;border:1px dashed rgba(29,216,220,.18);border-radius:50%}
.logo-visual img{position:relative;width:min(68%,17rem);filter:drop-shadow(0 0 28px rgba(21,158,245,.35))}
.visual-note{position:absolute;right:2%;bottom:8%;padding:.8rem 1rem;background:rgba(9,27,42,.92);border:1px solid var(--border);border-radius:.7rem;color:var(--text-secondary);font-size:.8rem;box-shadow:var(--shadow)}
.visual-note strong{display:block;color:var(--text-primary)}
.home-hero .logo-visual{min-height:25.5rem;place-items:stretch}
.home-hero .logo-visual::before,.home-hero .logo-visual::after{display:none}
.home-hero .logo-visual .hero-art{position:absolute;inset:50% auto auto 50%;z-index:1;width:min(120%,37.5rem);max-width:none;height:auto;filter:none;transform:translate(-50%,-50%)}
.home-hero .visual-note{z-index:3;right:1%;bottom:4%;min-width:10.2rem;padding:.9rem 1.05rem;border-color:rgba(32,85,111,.72);border-radius:.85rem;background:linear-gradient(145deg,rgba(10,31,47,.97),rgba(5,20,32,.96));box-shadow:0 16px 35px rgba(0,0,0,.35)}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading p{max-width:40rem;margin:.7rem 0 0}.text-link{display:inline-flex;gap:.4rem;align-items:center;color:var(--accent);font-size:.9rem;font-weight:750;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:.25rem}
.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(12,34,51,.92),rgba(6,20,32,.92));box-shadow:0 12px 32px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:linear-gradient(145deg,var(--surface-raised),#081929)}
.card-body{padding:1.25rem}.card p{margin:.65rem 0 1rem;font-size:.9rem}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}
.badge-row{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-flex;padding:.25rem .55rem;border:1px solid rgba(42,91,116,.8);border-radius:999px;background:rgba(4,17,28,.65);color:#b8cad6;font-size:.69rem;font-weight:650;line-height:1.2}
.product-card,.project-card{display:flex;flex-direction:column;overflow:hidden}.product-card .card-body,.project-card .card-body{display:flex;flex:1;flex-direction:column}
.product-icon,.capability-icon{display:grid;width:3rem;height:3rem;place-items:center;margin-bottom:1rem;border:1px solid rgba(29,216,220,.32);border-radius:.75rem;background:linear-gradient(145deg,rgba(29,216,220,.2),rgba(21,158,245,.12));color:var(--accent)}
.product-icon svg,.capability-icon svg{width:1.5rem;height:1.5rem}
.product-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.status{padding:.3rem .55rem;border-radius:999px;background:rgba(87,223,147,.1);color:#86edaf;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.status-soon{background:rgba(129,149,165,.1);color:var(--text-muted)}
.product-preview{height:9.8rem;padding:1rem;background:linear-gradient(145deg,#0b2438,#06121e);border-bottom:1px solid var(--border)}
.mock-window{height:100%;padding:.65rem;border:1px solid #2c5971;border-radius:.55rem;background:#eaf6fa;transform:perspective(500px) rotateX(2deg);box-shadow:0 12px 25px rgba(0,0,0,.32)}
.mock-bar{width:45%;height:.35rem;margin-bottom:.75rem;border-radius:1rem;background:#90b3c1}.mock-grid{display:grid;height:calc(100% - 1rem);grid-template-columns:.65fr 1.35fr;gap:.5rem}.mock-side,.mock-chart{border-radius:.35rem;background:#cfe1e8}.mock-chart{display:flex;align-items:end;justify-content:space-around;padding:.55rem}.mock-chart i{width:9%;border-radius:.15rem .15rem 0 0;background:linear-gradient(#1dd8dc,#159ef5)}.mock-chart i:nth-child(1){height:30%}.mock-chart i:nth-child(2){height:55%}.mock-chart i:nth-child(3){height:42%}.mock-chart i:nth-child(4){height:78%}.mock-chart i:nth-child(5){height:62%}.mock-chart i:nth-child(6){height:92%}
.product-page-hero{padding:4.5rem 0 2.2rem;border-bottom:0}
.product-page-hero::before{content:"";position:absolute;inset:0 0 0 48%;background:linear-gradient(135deg,transparent 0 25%,rgba(15,95,137,.14) 25% 42%,transparent 42%),linear-gradient(rgba(33,99,128,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(33,99,128,.12) 1px,transparent 1px);background-size:auto,3rem 3rem,3rem 3rem;mask-image:linear-gradient(90deg,transparent,#000 25%,transparent 92%);pointer-events:none}
.product-page-hero h1{font-size:clamp(2.8rem,6vw,4.35rem)}
.product-page-hero p{margin-top:.85rem}
.filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.filter-button{min-height:2.35rem;padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;background:rgba(7,24,37,.85);color:var(--text-secondary);font-size:.76rem;font-weight:750;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.filter-button:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}
.filter-button.is-active{border-color:var(--accent);background:linear-gradient(110deg,var(--accent),#19b8eb);color:#011019;box-shadow:0 7px 20px rgba(29,216,220,.14)}
.product-list-section{padding:0 0 5rem}
.product-list{display:grid;gap:.9rem}
.product-list-card{display:grid;grid-template-columns:4.25rem minmax(0,1fr) minmax(12rem,15.5rem) 3.5rem;align-items:center;gap:1.25rem;min-height:9rem;padding:1rem 1.15rem;overflow:hidden}
.product-list-card[hidden]{display:none}
.product-list-card .product-icon{width:4.25rem;height:4.25rem;margin:0;border:0;border-radius:1rem;color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 9px 24px rgba(0,0,0,.3)}
.product-list-card .product-icon svg{width:2.15rem;height:2.15rem;stroke-width:2.25}
.product-icon-electric{background:linear-gradient(145deg,#58e474,#20c75d)}
.product-icon-finance{background:linear-gradient(145deg,#42d8ef,#159de9)}
.product-icon-community{background:linear-gradient(145deg,#35ddd6,#18bfc7)}
.product-icon-face{background:linear-gradient(145deg,#6878f7,#3177ec)}
.product-list-copy{min-width:0}.product-list-copy h3{font-size:1.05rem}.product-list-copy p{max-width:35rem;margin:.4rem 0 .8rem;font-size:.85rem;line-height:1.48}
.product-list-preview{height:7rem;padding:.5rem;transform:perspective(700px) rotateY(-5deg);transform-origin:right center}
.product-list-preview img{width:100%;height:100%;object-fit:contain}
.product-list-preview .mock-window{padding:.5rem;border-color:#517387;border-radius:.45rem;box-shadow:0 10px 20px rgba(0,0,0,.3)}
.product-list-preview .mock-bar{margin-bottom:.45rem}.product-list-preview .mock-chart{padding:.35rem}
.product-preview-dark .mock-window{background:#0b1823;border-color:#5b7280}.product-preview-dark .mock-bar{background:#506370}.product-preview-dark .mock-side,.product-preview-dark .mock-chart{background:#162b38}
.product-preview-phone{width:90%;justify-self:end;transform:perspective(700px) rotateY(-5deg) translateX(-.4rem)}
.product-list-end{display:grid;justify-items:center;gap:.25rem;color:var(--text-muted);font-size:.57rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em}
.product-list-arrow{color:var(--accent);font-size:1.55rem;line-height:1;filter:drop-shadow(0 0 7px rgba(29,216,220,.3))}
.product-list-link{border-radius:.45rem;transition:color .2s ease,transform .2s ease}.product-list-link:hover{color:var(--accent);transform:translateY(-2px)}
.product-list-actions{gap:.5rem}.product-action-link{display:grid;justify-items:center;gap:.2rem;border-radius:.4rem;color:var(--text-secondary);transition:color .2s ease,transform .2s ease}.product-action-link:hover{color:var(--accent);transform:translateY(-2px)}.product-web-status{max-width:4rem;color:var(--text-muted);font-size:.52rem;line-height:1.3}
.project-thumb{position:relative;height:11rem;overflow:hidden;border-bottom:1px solid var(--border);background:#071521}
.project-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,216,220,.12),transparent 55%),linear-gradient(rgba(57,115,145,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(57,115,145,.13) 1px,transparent 1px);background-size:auto,2rem 2rem,2rem 2rem}
.thumb-cv{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;padding:1.4rem}.thumb-cv i{position:relative;z-index:1;border:1px solid #2b7580;background:linear-gradient(160deg,#163b43,#0b1f2b)}.thumb-cv i::after{content:"";position:absolute;inset:18% 22%;border:2px solid #40e4a3}
.thumb-mobile{display:flex;align-items:center;justify-content:center;gap:1rem}.phone{position:relative;z-index:1;width:3.7rem;height:7.4rem;border:.25rem solid #b9d8e4;border-radius:.7rem;background:#eaf7f9;box-shadow:0 8px 20px #000}.phone::before{content:"";position:absolute;inset:1rem .35rem auto;height:2.2rem;border-radius:.35rem;background:linear-gradient(145deg,#1dd8dc,#159ef5)}.phone:last-child{transform:translateY(.6rem) rotate(8deg)}
.thumb-workflow{display:flex;align-items:center;justify-content:center;gap:.7rem}.thumb-workflow i{position:relative;z-index:1;width:4rem;height:3rem;border:1px solid #39718b;border-radius:.35rem;background:#102c40}.thumb-workflow i+ i::before{content:"→";position:absolute;right:100%;width:.7rem;color:var(--accent)}
.thumb-code{padding:1.5rem}.code-panel{position:relative;z-index:1;height:100%;padding:1rem;border:1px solid #244b61;border-radius:.5rem;background:#05101a;box-shadow:0 10px 25px #000}.code-panel i{display:block;width:72%;height:.34rem;margin-bottom:.55rem;border-radius:1rem;background:#2d5970}.code-panel i:nth-child(2n){width:48%;background:#196f91}.code-panel i:nth-child(3n){width:85%;background:#1b867f}
.project-page-hero{padding:4.5rem 0 2.2rem;border-bottom:0}
.project-page-hero::before{content:"";position:absolute;inset:0 0 0 45%;background:linear-gradient(135deg,transparent 0 30%,rgba(19,91,130,.15) 30% 42%,transparent 42%),linear-gradient(rgba(33,99,128,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(33,99,128,.12) 1px,transparent 1px);background-size:auto,3rem 3rem,3rem 3rem;mask-image:linear-gradient(90deg,transparent,#000 24%,transparent 94%);pointer-events:none}
.project-page-hero h1{font-size:clamp(2.8rem,6vw,4.35rem)}.project-page-hero p{margin-top:.85rem}
.projects-grid-section{padding:0 0 5rem}.project-grid-page{gap:.9rem}
.project-grid-page .project-card[hidden]{display:none}
.project-grid-page .project-thumb{height:8.8rem}
.project-grid-page .card-body{padding:1rem}.project-grid-page .card-body p{margin:.4rem 0 .8rem;font-size:.82rem;line-height:1.45}
.project-card-footer{display:flex;align-items:end;justify-content:space-between;gap:.65rem;margin-top:auto}.project-status{flex:none;color:var(--accent);font-size:1.2rem;line-height:1;opacity:.8}
.project-grid-page .thumb-code{padding:.75rem}.project-grid-page .code-panel{padding:.75rem}.project-grid-page .code-panel i{height:.28rem;margin-bottom:.42rem}
.code-dotnet .code-panel i:nth-child(odd){background:#6555a5}.code-java .code-panel i:nth-child(odd){background:#7d5b42}.code-go .code-panel i:nth-child(odd){background:#167c91}
.capability-card{padding:1.35rem}.capability-card p{margin-bottom:0}
.capabilities-strip{position:relative;padding-block:2.6rem;border-block:1px solid rgba(24,56,77,.55);background:linear-gradient(90deg,rgba(6,21,34,.25),rgba(10,34,50,.34),rgba(6,21,34,.25))}
.capabilities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem}
.capability-item{display:grid;grid-template-columns:3.25rem minmax(0,1fr);align-items:start;gap:.85rem;min-width:0}
.capability-item .capability-icon{width:3.25rem;height:3.25rem;margin:0;border-width:1.5px;border-radius:50%;background:radial-gradient(circle,rgba(20,191,217,.15),rgba(5,24,38,.82) 70%);box-shadow:inset 0 0 0 4px rgba(9,31,46,.8),0 0 18px rgba(19,190,218,.08)}
.capability-item:nth-child(2) .capability-icon{color:#19d7c2;border-color:rgba(25,215,194,.55)}
.capability-item:nth-child(3) .capability-icon{color:#2aaaf7;border-color:rgba(42,170,247,.55)}
.capability-item:nth-child(4) .capability-icon{color:#20d8dc;border-color:rgba(32,216,220,.55)}
.capability-item .capability-icon svg{width:1.45rem;height:1.45rem}
.capability-item h3{margin:.15rem 0 .35rem;color:var(--accent);font-size:.86rem;line-height:1.25;letter-spacing:-.01em}
.capability-item p{margin:0;color:var(--text-secondary);font-size:.79rem;line-height:1.5}
.cta-section{padding:2.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 0,rgba(29,216,220,.13),transparent 18rem),linear-gradient(145deg,#0b2335,#061522);box-shadow:var(--shadow)}
.cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-content p{margin:.65rem 0 0}.cta-actions{display:flex;flex:none;flex-wrap:wrap;gap:.75rem}
.feature-list{margin:0;padding:0;list-style:none}.feature-list li{position:relative;padding:.65rem 0 .65rem 1.6rem;color:var(--text-secondary);border-bottom:1px solid rgba(24,56,77,.7)}.feature-list li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.philosophy{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}.philosophy p{font-size:1.08rem}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.contact-cards{display:grid;gap:1rem}.contact-card{padding:1.35rem}.contact-label{display:block;margin-bottom:.35rem;color:var(--text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.contact-card a{color:var(--accent);font-weight:700}.contact-card a:hover{text-decoration:underline}
.form-card{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.4rem}.field-full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.field input,.field textarea{width:100%;padding:.75rem .85rem;border:1px solid var(--border);border-radius:.55rem;background:#05131f;color:var(--text-primary)}.field input:hover,.field textarea:hover{border-color:var(--border-strong)}.field textarea{min-height:9rem;resize:vertical}.form-help{margin:.8rem 0 0;font-size:.78rem;color:var(--text-muted)}
.contact-page-section{position:relative;overflow:hidden;min-height:35rem;padding:5rem 0;background:radial-gradient(circle at 80% 22%,rgba(18,119,162,.1),transparent 28rem)}
.contact-page-section::before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;background-image:linear-gradient(rgba(33,99,128,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(33,99,128,.08) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(90deg,transparent,#000 30%,transparent)}
.contact-page-layout{display:grid;grid-template-columns:.92fr 1.08fr;align-items:start;gap:3.5rem}
.contact-intro h1{font-size:clamp(2.7rem,5vw,4rem)}.contact-intro>p{margin:1rem 0 2rem;font-size:1.02rem}
.contact-info-card{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;max-width:31rem;padding:1.2rem 1.35rem}
.contact-icon{display:grid;width:3rem;height:3rem;place-items:center;align-self:center;color:var(--accent)}.contact-icon svg{width:2rem;height:2rem;filter:drop-shadow(0 0 8px rgba(29,216,220,.25))}
.contact-info-card h2{margin:.05rem 0 .15rem;font-size:.92rem;letter-spacing:0}.contact-info-card a{color:var(--accent);font-size:.95rem;font-weight:750}.contact-info-card a:hover{text-decoration:underline;text-underline-offset:.2rem}.contact-info-card p{margin:.22rem 0 0;font-size:.76rem}
.contact-form{padding:1.35rem}.contact-form h2{font-size:1rem;letter-spacing:-.01em}.contact-form>p{margin:.25rem 0 1rem;font-size:.78rem}.contact-form .form-grid{gap:.7rem}.contact-form .field input,.contact-form .field textarea{padding:.72rem .78rem}.contact-form .field textarea{min-height:8.5rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#728999;opacity:1}.contact-submit{width:100%;min-height:2.7rem}.contact-form .form-help{text-align:center}
.site-footer{margin-top:5rem;padding:3rem 0;border-top:1px solid var(--border);background:#02080e}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.footer-brand p{margin:.7rem 0 0;font-size:.88rem}.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.footer-nav a{color:var(--text-secondary);font-size:.88rem}.footer-nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.78rem}
.error-page{position:relative;min-height:calc(100vh - 4.8rem);overflow:hidden;background:radial-gradient(circle at 70% 42%,rgba(19,89,145,.13),transparent 30rem)}
.error-page::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(30,91,121,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,91,121,.08) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(90deg,transparent 22%,#000 70%,transparent);pointer-events:none}
.error-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;align-items:end;min-height:calc(100vh - 4.8rem)}
.error-copy{position:relative;z-index:2;align-self:center;padding:3rem 0 5rem}.error-code{font-size:clamp(6rem,13vw,10rem);font-weight:850;line-height:.8;letter-spacing:-.07em;color:transparent;background:linear-gradient(145deg,var(--accent),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 22px rgba(29,216,220,.18))}.error-page h1{margin-top:1.4rem;font-size:clamp(1.7rem,3vw,2.35rem)}.error-page p{max-width:25rem;margin:1rem 0 1.75rem}.error-visual{position:relative;align-self:end;min-width:0}.error-visual img{width:min(100%,51rem);height:auto;margin-inline:auto;filter:drop-shadow(0 14px 32px rgba(0,0,0,.28))}