*{box-sizing:border-box}
:root{
--bg:#020a12;--panel:#08131e;--panel2:#06101a;--line:#1c2a38;--line2:#233447;
--text:#f6f8fb;--muted:#aab3c0;--blue:#1f8bff;--cyan:#12cbff;--violet:#9a59ff;--green:#36e6a0;
}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#020912 0%,#030b13 100%);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.topbar{height:56px;border-bottom:1px solid #24313e;padding:0 38px;display:flex;align-items:center;position:sticky;top:0;background:rgba(2,9,18,.96);z-index:40}
.brand{display:flex;align-items:center;gap:10px;width:285px}
.brand-symbol{width:52px;height:36px;position:relative;display:inline-block}
.brand-symbol i,.brand-symbol b{position:absolute;top:2px;width:18px;height:31px;border-radius:10px 10px 3px 3px;transform:skewY(-38deg)}
.brand-symbol i{left:5px;background:linear-gradient(180deg,#0685ff,#2256e8)}
.brand-symbol b{right:6px;background:linear-gradient(180deg,#8d70ff,#4c4dea);transform:skewY(38deg)}
.brand-type{font-size:24px;line-height:.85;font-weight:800;letter-spacing:.03em}.brand-type small{font:700 6px/1 JetBrains Mono;display:block;text-align:center;letter-spacing:.5em;margin-top:8px;color:#a8adb4}
.topbar nav{height:100%;display:flex;justify-content:center;gap:36px;flex:1}
.topbar nav a{height:100%;display:grid;place-items:center;position:relative;font-size:12px;font-weight:600}
.topbar nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#17a6ff}
.lang-toggle{display:flex;border:1px solid #233342;border-radius:18px;padding:2px;background:#09121d}.lang-toggle button{border:0;background:transparent;color:white;font-size:12px;padding:5px 10px;border-radius:14px;cursor:pointer}.lang-toggle button.active{background:#1177e8}
main{width:min(1430px,calc(100% - 108px));margin:auto}
.hero{min-height:327px;display:grid;grid-template-columns:49% 51%;position:relative}
.hero-copy{padding:53px 12px 22px 12px;z-index:2}
.hero h1{font-size:38px;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;font-weight:700}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7962ff,#158dff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{font-size:15px;line-height:1.65;color:#c0c3ca;max-width:630px;margin:0}
.hero-map{background:url(hero-map.png) center/cover no-repeat;min-height:327px;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 100%);opacity:.98}
.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px;max-width:665px}
.hero-feature{display:flex;align-items:center;gap:13px}.feature-icon{width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:19px}.feature-icon.violet{color:#9756ff}.feature-icon.blue{color:#158dff}.feature-icon.green{color:#27dca1}.hero-feature strong{font-size:13px;display:block}.hero-feature small{color:#b1b6be;font-size:12px}
.stats{height:129px;border:1px solid var(--line2);border-radius:8px;background:linear-gradient(180deg,#07131e,#07111b);display:grid;grid-template-columns:repeat(6,1fr);padding:20px 10px;margin-bottom:14px}
.stat{padding:5px 20px;border-right:1px solid #20303f;display:flex;flex-direction:column;justify-content:center}.stat:last-child{border:0}.stat small{font-size:13px;color:#d8dbe0}.stat strong{font-size:21px;margin:7px 0 3px}.stat span{font-size:12px;color:#d3d6db}.blue-text{color:#3f84ff}.green-text{color:#36dfa1}.violet-text{color:#b45cff}
.cards-row{display:grid;grid-template-columns:1.05fr 1.32fr .72fr;gap:12px;margin-bottom:14px}.card{border:1px solid var(--line2);border-radius:8px;background:linear-gradient(180deg,#07131e,#07111a);min-height:239px;padding:23px 25px}.card-title-row{display:flex;align-items:center;justify-content:space-between}.card h2{font-size:15px;margin:0;display:flex;align-items:center;gap:10px}.card-title-row>a{font-size:11px;color:#3d91ff}.outline-icon{color:#16a5ff;font-size:23px}.pin{color:#ff5538;font-size:21px}.line{height:1px;background:#273643;margin:11px 0 12px}.peering-card p{font-size:12px;line-height:1.65;color:#d1d4d9;margin:0 0 12px}.peering-card ul{list-style:none;padding:0;margin:0}.peering-card li{font-size:12px;color:#d7dbe1;margin:6px 0}.peering-card li:before{content:"✓";color:#12b8ff;font-weight:800;margin-right:10px}
.location-row{height:43px;border-bottom:1px solid #22313f;display:grid;grid-template-columns:37px 1fr 1.15fr 68px;align-items:center;gap:9px;font-size:11px}.location-row:last-child{border-bottom:0}.location-row strong{font-size:12px;font-weight:500}.location-row span:nth-of-type(2){color:#b8bdc7;font-size:10px}.location-row b{justify-self:end;background:#0d392e;color:#5df0bc;font-weight:500;border-radius:11px;padding:3px 9px}
.flag{width:26px;height:16px;display:block;background-size:100% 100%}.flag.de{background:linear-gradient(#111 0 33%,#dc1d2f 33% 66%,#ffd324 66%)}.flag.nl{background:linear-gradient(#ae1c28 0 33%,#fff 33% 66%,#21468b 66%)}.flag.ro{background:linear-gradient(90deg,#002b7f 0 33%,#fcd116 33% 66%,#ce1126 66%)}.flag.bg{background:linear-gradient(#fff 0 33%,#00966e 33% 66%,#d62612 66%)}
.future-card{padding:14px 18px;overflow:hidden;position:relative}.future-card img{width:100%;height:145px;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.82}.future-card strong{display:block;color:#9c62ff;font-size:18px;line-height:1.25;margin:0 9px}
.lg-card{border:1px solid var(--line2);border-radius:8px;background:linear-gradient(180deg,#07131e,#07111a);padding:24px 25px 26px;margin-bottom:10px}.lg-heading{display:flex;align-items:center;gap:12px}.terminal-icon{width:29px;height:27px;border:1px solid #cbd5df;border-radius:4px;display:grid;place-items:center;font:600 12px JetBrains Mono}.lg-heading h2{font-size:16px;margin:0}.gradient-line{height:2px;background:linear-gradient(90deg,#13e5ff 0 6%,#258fff 37%,#a35dff 60%,transparent 60%);margin:14px 0 12px}
.lg-grid{display:grid;grid-template-columns:1fr 225px 290px;align-items:center;gap:22px}.tabs{display:flex;gap:15px;margin-bottom:20px}.tabs button{height:35px;border:0;border-bottom:1px solid transparent;background:transparent;color:#e7e9ed;padding:0 20px;font-size:13px;cursor:pointer}.tabs button.active{color:#29c7ff;border-color:#249dff}.lg-form-row{display:grid;grid-template-columns:1fr 80px 112px;gap:12px}.lg-form-row input,.lg-form-row select{height:43px;border:1px solid #273849;background:#06101a;color:#cdd2da;border-radius:6px;padding:0 14px;font-size:12px;outline:none}.run-button{height:43px;border:0;border-radius:6px;background:linear-gradient(135deg,#0d68f5,#2388ff);color:white;font-weight:600;cursor:pointer}.run-button b{margin-left:7px}
.server-art img{width:100%;height:150px;object-fit:contain;mix-blend-mode:screen}.lg-copy h3{font-size:19px;margin:0 0 10px}.lg-copy p{font-size:13px;color:#c7cbd1;line-height:1.7;margin:0 0 12px}.lg-copy a{font-size:12px;color:#3c8fff}
.result-wrap{border:1px solid #253748;border-radius:7px;margin-top:14px;background:#020812;overflow:hidden}.result-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #253748;font-size:10px}.result-head span{display:flex;align-items:center;gap:6px}.result-head i{width:7px;height:7px;border-radius:50%;background:#36e6a0}.result-head button{border:0;background:transparent;color:#8fa3b7;font-size:10px;cursor:pointer}.result-wrap pre{max-height:320px;overflow:auto;white-space:pre-wrap;margin:0;padding:14px;font:11px/1.7 JetBrains Mono;color:#cfe3f2}.bgp-map{border-top:1px solid #253748;padding:12px}.bgp-map-head{display:flex;justify-content:space-between;font-size:10px}.bgp-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.as-node{padding:7px 9px;border:1px solid #24527b;border-radius:5px;background:#081a2d}.as-node strong{font-size:10px}.as-node span{display:block;font-size:8px;color:#8ea3b8}.as-arrow{color:#19a8ff}
.about{min-height:100px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7f8a98;font-size:11px}.about strong{color:#aeb7c2}
footer{text-align:center;color:#8b8f97;font-size:10px;padding:0 0 12px}footer span{margin:0 8px}
@media(max-width:1050px){main{width:min(100% - 32px,1430px)}.topbar{padding:0 20px}.brand{width:auto}.topbar nav{gap:18px}.hero{grid-template-columns:1fr}.hero-map{position:absolute;right:-10px;top:0;width:55%;height:100%;opacity:.35}.hero-copy{padding-right:35%}.stats{grid-template-columns:repeat(3,1fr);height:auto}.stat{border-bottom:1px solid #20303f;padding:18px}.cards-row{grid-template-columns:1fr 1fr}.future-card{grid-column:1/-1;min-height:170px;display:grid;grid-template-columns:230px 1fr;align-items:center}.lg-grid{grid-template-columns:1fr 170px 220px}}
@media(max-width:720px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 14px}.topbar nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.topbar nav a{padding:10px 0}.hero-copy{padding:45px 0 25px}.hero h1{font-size:34px}.hero-map{opacity:.18;width:100%}.hero-copy{padding-right:0}.hero-features{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.cards-row{grid-template-columns:1fr}.future-card{grid-column:auto}.lg-grid{grid-template-columns:1fr}.server-art{display:none}.lg-form-row{grid-template-columns:1fr}.lg-copy{padding-top:8px}.location-row{grid-template-columns:32px 1fr 70px}.location-row span:nth-of-type(2){display:none}}


/* v2 additions */
.header-actions{display:flex;align-items:center;gap:9px}
.discord-btn,.login-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:0 13px;font-size:11px;font-weight:700;cursor:pointer}
.discord-btn{border:1px solid #5b5fe8;background:rgba(88,101,242,.14);color:#aeb4ff}
.login-btn{border:1px solid #2b4053;background:#0a1622;color:#fff}
.ipv6-banner{margin-top:22px;max-width:660px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:12px 14px;border:1px solid rgba(54,230,160,.28);border-radius:8px;background:linear-gradient(90deg,rgba(19,92,76,.16),rgba(5,26,38,.48))}
.ipv6-badge{width:44px;height:33px;border-radius:6px;display:grid;place-items:center;background:#0d3b31;color:#5df0bc;font:700 11px JetBrains Mono}
.ipv6-banner strong{display:block;font-size:12px;color:#63f1c0}.ipv6-banner small{display:block;font-size:10px;color:#a5b1bc;margin-top:2px}.ipv6-banner a{font-size:10px;color:#5df0bc;font-weight:700;white-space:nowrap}
.routing-card{min-height:390px;border:1px solid var(--line2);border-radius:8px;background:radial-gradient(circle at 75% 50%,rgba(22,126,255,.10),transparent 32%),linear-gradient(180deg,#07131e,#061019);display:grid;grid-template-columns:340px 1fr;overflow:hidden;margin-bottom:14px}
.routing-copy{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}.routing-kicker{font:700 10px JetBrains Mono;color:#35a9ff;letter-spacing:.16em}.routing-copy h2,.contact-head h2{font-size:28px;letter-spacing:-.04em;margin:9px 0 13px}.routing-copy p,.contact-head p{font-size:12px;line-height:1.7;color:#aeb8c3}.routing-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.routing-legend span{font-size:9px;color:#8d9baa}.routing-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-core{background:#18d8ff}.legend-peer{background:#8f63ff}.legend-transit{background:#36e6a0}
.routing-stage{min-height:390px;display:grid;place-items:center;overflow:hidden;position:relative}.routing-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(24,216,255,.08),transparent 45%);pointer-events:none}.routing-svg{width:95%;height:360px;overflow:visible}.route-grid path{stroke:#122b3c;stroke-width:1;opacity:.55}.flow{fill:none;stroke:url(#routeBlue);stroke-width:2.2;stroke-dasharray:9 12;animation:routeFlow 2.4s linear infinite;opacity:.7}.flow-b{animation-delay:-.5s}.flow-c{animation-delay:-1s}.flow-d{animation-delay:-1.5s}.flow-e{stroke:#8f63ff}.flow-f{stroke:#36e6a0}.route-packets circle{fill:#dff8ff;filter:url(#routeGlow)}.map-node circle{fill:#071827;stroke:#2e6795;stroke-width:1.3}.core-node circle{fill:#082239;stroke:#18d8ff;stroke-width:1.8}.peer-node circle{stroke:#8f63ff}.transit-node circle{stroke:#36e6a0}.map-node text{fill:#fff;font:700 9px Inter;text-anchor:middle;dominant-baseline:middle}.map-node .node-sub{fill:#6d879b;font-size:7px}.core-node .node-sub{fill:#35cfff}.pulse{fill:none!important;stroke:#18d8ff!important;animation:nodePulse 2s ease-out infinite}
@keyframes routeFlow{to{stroke-dashoffset:-42}}@keyframes nodePulse{0%{opacity:.65;transform:scale(1);transform-origin:center}100%{opacity:0;transform:scale(1.75);transform-origin:center}}
.contact-section{margin:14px 0;border:1px solid var(--line2);border-radius:8px;background:linear-gradient(180deg,#07131e,#07111a);padding:28px}.contact-head{max-width:620px}.contact-head h2{margin-bottom:8px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.contact-card{border:1px solid #223648;border-radius:8px;background:#06111b;padding:15px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;transition:.2s}.contact-card:hover{border-color:#2c76ad;transform:translateY(-2px)}.contact-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#0c3049;color:#37bdff;font:800 12px JetBrains Mono}.contact-icon.abuse{background:#321722;color:#ff6680}.contact-icon.peer{background:#1c183a;color:#a77cff}.contact-icon.discord{background:#20245b;color:#aab2ff}.contact-card small{display:block;font:700 8px JetBrains Mono;color:#6f8496}.contact-card strong{display:block;font-size:11px;margin:3px 0}.contact-card em{display:block;font-style:normal;font-size:8px;color:#7e92a3}.contact-card>b{color:#4e99d0}
.auth-modal{position:fixed;inset:0;z-index:100;display:none}.auth-modal.open{display:block}.auth-backdrop{position:absolute;inset:0;background:rgba(0,4,9,.78);backdrop-filter:blur(9px)}.auth-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #294257;border-radius:12px;background:linear-gradient(180deg,#091725,#050d16);box-shadow:0 30px 110px rgba(0,0,0,.58);padding:28px}.auth-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#8aa0b1;font-size:24px;cursor:pointer}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px}.auth-brand .brand-symbol{transform:scale(.8);transform-origin:left center}.auth-brand strong{font-size:15px}.auth-brand small{display:block;color:#667c8d;font:700 7px JetBrains Mono;letter-spacing:.14em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#06111b;border:1px solid #1e3446;border-radius:8px;padding:3px}.auth-tabs button{height:36px;border:0;background:transparent;color:#8196a8;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#10283a;color:white}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel h2{font-size:24px;margin:24px 0 5px}.auth-panel>p{font-size:11px;color:#8195a6;margin:0 0 18px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:9px;color:#a6b4c0;font-weight:700}.auth-form input{height:42px;border:1px solid #263c4d;border-radius:7px;background:#04101a;color:#fff;padding:0 12px;outline:none}.auth-form input:focus{border-color:#2ba9ff;box-shadow:0 0 0 3px rgba(43,169,255,.08)}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-submit{height:44px;border:0;border-radius:7px;background:linear-gradient(135deg,#126cf5,#1ca8ff);color:#fff;font-weight:800;cursor:pointer;margin-top:3px}.auth-message{margin-top:13px;border:1px solid #2a4557;border-radius:7px;padding:9px 10px;font-size:10px;color:#b9c7d2}.auth-message.error{border-color:#63303a;color:#ff96a5;background:#210d12}.auth-message.success{border-color:#1d5b49;color:#77f1c6;background:#092019}
@media(max-width:1050px){.contact-grid{grid-template-columns:1fr 1fr}.routing-card{grid-template-columns:280px 1fr}.header-actions{margin-left:auto}.topbar nav{order:3}}
@media(max-width:720px){.discord-btn{display:none}.routing-card{grid-template-columns:1fr}.routing-copy{padding:28px 22px}.routing-stage{min-height:300px}.routing-svg{height:300px}.contact-grid{grid-template-columns:1fr}.ipv6-banner{grid-template-columns:auto 1fr}.ipv6-banner>a{grid-column:2}.auth-two{grid-template-columns:1fr}}


/* v4: private-project disclosure, protected contacts, routing map v2 */
.project-badge{margin-left:auto;margin-right:12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 9px;color:#93a3b2;background:#07121d;font:700 7px JetBrains Mono;letter-spacing:.13em;white-space:nowrap}
.private-notice{margin:-2px 0 14px;border:1px solid rgba(58,156,255,.20);border-radius:8px;background:linear-gradient(90deg,rgba(15,53,83,.48),rgba(5,16,27,.65));display:flex;align-items:flex-start;gap:13px;padding:15px 17px}
.private-notice-icon{flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #2d75ab;color:#45baff;font:700 11px JetBrains Mono}
.private-notice strong{font-size:11px;color:#e6edf4}.private-notice p{margin:3px 0 0;font-size:10px;line-height:1.55;color:#8ea2b4}
.contact-card.protected-contact{width:100%;text-align:left;color:inherit;font-family:inherit;cursor:pointer}.contact-card.protected-contact:disabled{opacity:.65;cursor:wait}.contact-value{color:#71cfff!important}
footer a{color:#9eb0bf}footer a:hover{color:#fff}

.routing-card-v2{grid-template-columns:330px 1fr;min-height:430px;background:radial-gradient(circle at 72% 49%,rgba(26,111,181,.11),transparent 33%),linear-gradient(180deg,#06111c,#040d16)}
.routing-card-v2 .routing-copy{padding:38px 30px}.routing-card-v2 .routing-copy h2{font-size:30px}.routing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:19px}.routing-stats div{border:1px solid #1b3245;border-radius:7px;padding:10px 8px;background:#06111b}.routing-stats strong{display:block;font-size:11px;color:#e9f4fb}.routing-stats span{display:block;font-size:7px;color:#758c9e;margin-top:3px}
.routing-stage-v2{min-height:430px;background:radial-gradient(circle at 50% 50%,rgba(22,106,168,.08),transparent 48%);position:relative}.routing-svg-v2{width:96%;height:420px}
.map-hud{position:absolute;z-index:2;color:#526e83;font:600 7px JetBrains Mono;letter-spacing:.16em}.map-hud.top-left{top:18px;left:20px}.map-hud.bottom-right{right:20px;bottom:17px}
.eu-grid path{stroke:#102536;stroke-width:.8;opacity:.45}.backbone-rings ellipse{fill:none;stroke:#103650;stroke-width:1;stroke-dasharray:3 7;opacity:.55}
.route-underlay path{fill:none;stroke:#15334a;stroke-width:5;opacity:.42;stroke-linecap:round}
.route-active path{fill:none;stroke-linecap:round}.live-route{stroke:url(#routeMain);stroke-width:1.65;stroke-dasharray:2 8;animation:routeDrift 2.1s linear infinite}.r2{animation-delay:-.6s}.r3{animation-delay:-1.2s}.peer-route{stroke:#7964ff;stroke-width:1.2;stroke-dasharray:4 9;opacity:.55;animation:routeDrift 3.5s linear infinite}.transit-route{stroke:#34d79a;stroke-width:1.2;stroke-dasharray:4 9;opacity:.48;animation:routeDrift 3.8s linear reverse infinite}
.node-halo{fill:rgba(24,194,255,.04);stroke:rgba(24,194,255,.12);stroke-width:1}.node-body{fill:url(#nodeFill);stroke:#2a739e;stroke-width:1.1}.core-body{stroke:#20ccff;stroke-width:1.6}.node-title{fill:#fff;text-anchor:middle;font:700 10px JetBrains Mono}.node-label{fill:#64869d;text-anchor:middle;font:600 6.5px JetBrains Mono;letter-spacing:.08em}.node-pulse{fill:none;stroke:#26ceff;stroke-width:1.2;animation:mapPulse 2.8s ease-out infinite}.node-pulse.small{animation-duration:3.4s;opacity:.7}.node-pulse.delay{animation-delay:-1.1s}.node-pulse.delay2{animation-delay:-2.1s}
.edge-node circle{fill:#0b1624;stroke:#7662ff;stroke-width:1}.edge-node.transit circle{stroke:#34d79a}.edge-node text{fill:#fff;text-anchor:middle;font:700 7px JetBrains Mono}.edge-link{fill:none;stroke:#6758ca;stroke-width:1;stroke-dasharray:3 7;opacity:.7}.edge-link.transit{stroke:#2c9e76}
.packet.blue{fill:#2c8eff}.packet.cyan{fill:#36e6ff}.packet.violet{fill:#8d6cff}
@keyframes routeDrift{to{stroke-dashoffset:-30}}@keyframes mapPulse{0%{opacity:.55;transform:scale(.9);transform-origin:center}70%,100%{opacity:0;transform:scale(1.65);transform-origin:center}}
@media(max-width:1050px){.project-badge{display:none}.routing-card-v2{grid-template-columns:280px 1fr}}
@media(max-width:720px){.routing-card-v2{grid-template-columns:1fr}.routing-stage-v2{min-height:310px}.routing-svg-v2{height:300px}.routing-stats{grid-template-columns:1fr 1fr 1fr}}

.contact-form-shell{margin-top:18px;border-top:1px solid #203242;padding-top:24px;display:grid;grid-template-columns:300px 1fr;gap:34px}.contact-form-copy h3{font-size:23px;margin:8px 0}.contact-form-copy p{font-size:11px;line-height:1.7;color:#8da0b0}.contact-form{display:grid;gap:13px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:6px}.contact-form label span{font-size:9px;color:#a9b8c5;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid #263c4d;border-radius:7px;background:#04101a;color:#fff;padding:0 13px;outline:none}.contact-form input{height:43px}.contact-form textarea{height:125px;padding-top:12px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#2ba9ff}.contact-submit{justify-self:start;height:42px;border:0;border-radius:7px;background:linear-gradient(135deg,#126cf5,#1ca8ff);color:white;padding:0 18px;font-size:11px;font-weight:800;cursor:pointer}.contact-submit:disabled{opacity:.6}
.form-result-modal{position:fixed;inset:0;z-index:130;display:none}.form-result-modal.open{display:block}.form-result-backdrop{position:absolute;inset:0;background:rgba(0,4,9,.8);backdrop-filter:blur(8px)}.form-result-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 28px));border:1px solid #294257;border-radius:12px;background:linear-gradient(180deg,#091725,#050d16);padding:30px;text-align:center}.form-result-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#8aa0b1;font-size:24px}.form-result-icon{width:52px;height:52px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;border:1px solid #2d8c70;background:#0c3027;color:#62efbd;font-size:22px}.form-result-dialog.error .form-result-icon{border-color:#743844;background:#32151b;color:#ff8798}.form-result-dialog h2{font-size:22px;margin:0 0 7px}.form-result-dialog p{font-size:11px;color:#91a4b4}.form-result-button{height:38px;min-width:100px;border:0;border-radius:7px;background:#126cf5;color:white;font-weight:800}
@media(max-width:800px){.contact-form-shell{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}}
