:root{--navy:#061426;--navy2:#0a2442;--cyan:#00b9e9;--blue:#0877ff;--text:#eaf3ff;--muted:#a5b9d1;--border:rgba(125,185,237,.19);--panel:#0b2039;--surface:#0b1c32}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 90% 6%,rgba(0,145,240,.16),transparent 36%),radial-gradient(ellipse at 10% 48%,rgba(12,92,198,.12),transparent 48%),#061426;font:15px/1.65 Poppins,Arial,sans-serif}a{color:#5dd7ff;text-decoration:none}a:hover{color:#fff}button,input,textarea,select{font:inherit}.site-header{position:relative;z-index:3;background:rgba(4,17,34,.95);border-bottom:1px solid rgba(125,185,237,.12)}.header-inner{max-width:1250px;margin:auto;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:178px;max-height:62px;object-fit:contain;display:block}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,29px);flex-wrap:wrap}.site-header nav a{font-weight:600;color:#cbd9eb;font-size:13px}.site-header nav a:hover{color:#25c6ff}.site-header nav .nav-cart{padding:10px 15px;border-radius:11px;color:#fff;background:linear-gradient(125deg,#086dff,#02add9);box-shadow:0 8px 22px #008de12e}.cart-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:100px;background:#fff;color:#006bd0;font-weight:800;margin-left:5px;font-size:11px}.main-content{max-width:1210px;min-height:67vh;margin:0 auto;padding:53px 24px 80px}h1,h2,h3{font-family:Montserrat,Poppins,sans-serif;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(32px,4.4vw,52px);margin:0 0 16px;font-weight:800}h2{font-size:clamp(20px,2.5vw,26px)}.lead{color:var(--muted);font-size:16px;margin:0 0 30px;max-width:680px}.hero-eyebrow{color:#33d8ff;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;margin:0 0 12px}.gradient-text{background:linear-gradient(100deg,#fff 5%,#54d7ff 65%,#1586ff);color:transparent;background-clip:text}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:22px}.card,.panel{border:1px solid var(--border);background:linear-gradient(155deg,rgba(17,46,79,.94),rgba(7,25,47,.97));border-radius:21px;padding:29px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:275px;transition:transform .2s,border-color .2s}.card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0089ff,#02d5f5)}.card:hover{transform:translateY(-4px);border-color:#2c83c7}.card h2{margin:9px 0 12px}.card p{color:#b4c7df;margin:0 0 24px;flex:1}.card .price{margin-bottom:16px}.tag{color:#46d8ff;font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.price{font-family:Montserrat,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800;color:#58d5ff;line-height:1.35}.btn,button{border:1px solid transparent;border-radius:11px;padding:12px 19px;background:linear-gradient(115deg,#0879ff,#02acd9);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 7px 22px rgba(0,130,255,.2);transition:filter .2s,transform .2s}.btn:hover,button:hover{filter:brightness(1.12);transform:translateY(-1px);color:white}.btn.secondary{background:rgba(99,156,213,.13);border-color:var(--border);color:#cce5fa;box-shadow:none}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.panel{margin:20px 0}.panel h2{margin-top:0}.panel h1{font-size:clamp(28px,4vw,42px)}label{display:block;margin:17px 0 6px;font-weight:600;color:#e2efff}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #365473;border-radius:10px;background:#071b32;color:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:#15b8ed;box-shadow:0 0 0 3px #00c5ff21}input[type=checkbox]{accent-color:#0bb7f4}textarea{resize:vertical}.row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.item{border-bottom:1px solid var(--border);padding:20px 0}.item p{color:var(--muted);margin:6px 0}.qty{width:90px}.notice{padding:16px 19px;background:rgba(246,171,41,.1);border:1px solid rgba(255,193,90,.4);border-radius:12px;margin:20px 0;color:#ffdf9d}.ok{background:#0b4138;border-color:#217f65;color:#d4fff1}.error{color:#ff899c}.site-footer{background:#040f20;border-top:1px solid var(--border);padding:30px max(24px,calc((100vw - 1162px)/2));display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#8ba4c1}.site-footer img{width:120px}.site-footer p{margin:3px 0;font-size:12px}.site-footer a{margin-right:16px;font-size:13px}.site-footer small{font-size:11px}table{width:100%;border-collapse:collapse;min-width:650px}td,th{padding:15px 12px;border-bottom:1px solid var(--border);text-align:left}th{color:#79d8ff;font-size:12px;text-transform:uppercase;letter-spacing:.07em}td{font-size:13px}td small{color:var(--muted)}.admin-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:#42d2ff;margin-bottom:22px}.summary-strip{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 30px}.summary-chip{padding:10px 16px;background:#0e3150;border:1px solid var(--border);border-radius:30px;color:#c6e8ff;font-size:12px}.checkout-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:25px;align-items:start}.checkout-side{position:sticky;top:24px}.checkout-side p{color:var(--muted)}.success-mark{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;background:#0d695f;color:#b7fff0;border-radius:18px;font-size:32px;margin-bottom:18px}.subtle{color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.section-intro{margin-bottom:24px}.step-pill{font-size:11px;color:#58d8ff;letter-spacing:.14em;font-weight:800;text-transform:uppercase}
@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}.checkout-side{position:static}.header-inner{align-items:flex-start;flex-direction:column;gap:14px}.site-header nav{gap:10px 16px}.site-header nav a{font-size:12px}.main-content{padding:34px 16px 55px}.card,.panel{padding:22px}.site-footer{padding:30px 20px}}@media(max-width:460px){.brand img{width:145px}.site-header nav .nav-cart{padding:7px 10px}.row{align-items:stretch}.row>.btn,.row>button{width:100%}.grid{grid-template-columns:1fr}}