﻿.nx-closing { padding:65px 0 25px; background:#020c16; color:#f3f7ff; }
.nx-closing-panel { position:relative; isolation:isolate; overflow:hidden; width:min(1280px,calc(100% - 64px)); margin:auto; padding:46px 34px 34px; border:1px solid #0e426a; border-radius:24px; text-align:center; background:radial-gradient(ellipse at 95% 45%,#09297966,transparent 40%),linear-gradient(125deg,#01111f,#020c17); }
.nx-closing-panel::before,.nx-closing-panel::after { content:''; z-index:-1; pointer-events:none; position:absolute; width:540px; height:330px; border:1px solid #008fff8a; border-radius:50%; box-shadow:0 0 0 7px #0657bd33,0 0 0 14px #0657bd26,0 0 0 21px #0657bd20,0 0 0 28px #0657bd18,0 0 0 35px #0657bd12; }
.nx-closing-panel::before { left:-450px; top:8px; transform:rotate(40deg); }.nx-closing-panel::after { right:-420px; bottom:20px; transform:rotate(-35deg); }
.nx-closing-tag { display:inline-block; min-width:230px; padding:10px 24px; border:1px solid #039edd; border-radius:30px; color:#00d1ff; background:#00213c70; font-size:12px; letter-spacing:1.4px; font-weight:800; }
.nx-closing h2 { margin:20px 0 15px; font-size:clamp(34px,4.7vw,62px); line-height:1.12; font-weight:800; letter-spacing:-1.8px; }.nx-closing h2 em { font-style:normal; background:linear-gradient(110deg,#00cfff,#137aff,#7949f9); background-clip:text; -webkit-text-fill-color:transparent; }
.nx-closing-panel > p { margin:0; color:#a8cfea; font-size:18px; line-height:1.6; }
.nx-closing-actions { display:flex; justify-content:center; gap:18px; margin:28px 0 38px; }
.nx-closing-actions a { display:flex; align-items:center; justify-content:center; gap:14px; min-height:50px; padding:0 35px; border-radius:14px; font-size:14px; font-weight:700; border:1px solid #5261ff; }.nx-closing-primary { background:linear-gradient(105deg,#00b9ee,#245cff,#7933f6); box-shadow:0 8px 30px #003fba33; color:white; }.nx-closing-secondary { background:#011223; color:#fff; }
.nx-closing-actions a:hover { filter:brightness(1.2); }.nx-closing-actions a:focus-visible,.nx-footer a:focus-visible,.nx-footer summary:focus-visible { outline:2px solid #56daff; outline-offset:4px; }
.nx-closing-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; text-align:left; }.nx-closing-features > div { display:flex; align-items:center; gap:17px; }.nx-closing-icon { display:grid; place-items:center; flex:0 0 auto; width:49px; height:52px; border:1px solid #0094d6; border-radius:14px; background:linear-gradient(135deg,#03294b,#080e2b); }.nx-closing-icon svg { width:29px; height:30px; fill:#039de733; stroke:#08caff; stroke-width:2.4; stroke-linejoin:round; }.nx-closing-features p { margin:0; }.nx-closing-features strong { display:block; font-size:12px; line-height:1.4; }.nx-closing-features small { display:block; margin-top:6px; color:#afc9e1; font-size:11px; line-height:1.5; }
.nx-footer { position:relative; overflow:hidden; background:radial-gradient(ellipse at 85% 100%,#00386b30,transparent 50%),#020c16; padding:28px 0 0; color:#dcecff; }.nx-footer::after { content:''; position:absolute; pointer-events:none; left:30%; bottom:-145px; width:70%; height:180px; border:1px solid #1264bd66; border-radius:50%; box-shadow:0 0 0 9px #07539822,0 0 0 18px #07539818; }
.nx-footer-container { width:min(1280px,calc(100% - 64px)); margin:auto; }.nx-footer-grid { display:grid; grid-template-columns:1.65fr 1fr .9fr .8fr; gap:60px; padding:0 0 35px; }.nx-footer-brand > p { color:#aac4df; font-size:14px; line-height:1.75; margin:20px 0 15px; max-width:360px; }.nx-footer-domain { color:#4dccff !important; font-size:12px; }.nx-footer-domain span { margin-left:10px; }
.nx-footer-group summary { list-style:none; color:#f3f7ff; font-size:17px; font-weight:700; padding:8px 0 17px; position:relative; }.nx-footer-group summary::-webkit-details-marker { display:none; }.nx-footer-group summary::marker { content:''; }.nx-footer-group summary::after { content:''; position:absolute; left:0; bottom:5px; width:28px; height:2px; background:linear-gradient(90deg,#00e5f3,#4774ff); }.nx-footer-group ul { list-style:none; padding:0; margin:12px 0 0; display:grid; gap:13px; }.nx-footer-group li { line-height:1.4; }.nx-footer-group a { color:#abc7e2; font-size:14px; }.nx-footer-group a:hover { color:#20d3ff; }
.nx-footer-bottom { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #194158; padding:23px 0 35px; color:#98c5e2; font-size:12px; }.nx-footer-bottom p { margin:0; }.nx-footer-bottom > div { display:flex; gap:18px; }.nx-footer-bottom > div a + a { border-left:1px solid #16415b; padding-left:18px; }
@media (max-width:1050px) { .nx-closing-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 35px; }.nx-footer-grid { gap:30px; grid-template-columns:1.3fr 1fr 1fr 1fr; }.nx-footer-group a { font-size:12px; } }
@media (max-width:700px) { .nx-closing { padding:28px 0 0; }.nx-closing-panel { width:calc(100% - 28px); max-width:500px; padding:18px 20px; border-radius:15px; }.nx-closing-tag { min-width:0; padding:5px 17px; font-size:8px; letter-spacing:1px; }.nx-closing h2 { font-size:26px; letter-spacing:-.8px; margin:12px 0 10px; }.nx-closing-panel > p { font-size:12px; line-height:1.6; }.nx-closing-break { display:none; }.nx-closing-actions { flex-direction:column; gap:8px; margin:13px 0 17px; }.nx-closing-actions a { min-height:40px; font-size:12px; border-radius:12px; padding:0 15px; }.nx-closing-actions .nx-closing-secondary { min-height:37px; }.nx-closing-features { grid-template-columns:1fr; gap:13px; text-align:left; }.nx-closing-features > div { gap:17px; }.nx-closing-icon { width:41px; height:42px; border-radius:11px; }.nx-closing-icon svg { width:25px; height:27px; }.nx-closing-features strong { font-size:11px; }.nx-closing-features small { font-size:10px; margin-top:3px; }
 .nx-footer { padding:15px 0 0; }.nx-footer-container { width:calc(100% - 32px); max-width:496px; }.nx-footer-grid { display:block; padding:0; border-top:1px solid #164158; }.nx-footer-brand { padding:17px 0; }.nx-footer .cf-brand { height:40px; gap:9px; }.nx-footer .nx-logo-mark { width:36px; height:37px; font-size:24px; border-radius:9px; }.nx-footer .nx-logo-type { font-size:21px; }.nx-footer .nx-logo-type small { font-size:6px; letter-spacing:1px; }.nx-footer-brand > p { margin:13px 0 10px; font-size:12px; line-height:1.6; max-width:none; }.nx-footer-domain { font-size:11px; }
 .nx-footer-group { border-top:1px solid #163f55; }.nx-footer-group summary { display:flex; justify-content:space-between; align-items:center; padding:14px 2px; font-size:12px; cursor:pointer; }.nx-footer-group summary::after { display:none; }.nx-footer-group summary > span { width:7px; height:7px; border-bottom:1px solid #acd5f0; border-right:1px solid #acd5f0; transform:rotate(45deg); margin-right:6px; }.nx-footer-group[open] summary > span { transform:rotate(225deg); }.nx-footer-group ul { margin:0; padding:0 3px 17px; gap:12px; }.nx-footer-group a { font-size:12px; }.nx-footer-bottom { display:block; padding:20px 0 30px; font-size:10px; }.nx-footer-bottom > div { margin-top:12px; gap:12px; }.nx-footer-bottom > div a + a { padding-left:12px; }
}
