/* === Base Reset === */
*{font-family:'Montserrat',sans-serif;margin:0;padding:0;box-sizing:border-box}
html{width:100%;height:100%}
a{text-decoration:none;color:inherit;cursor:pointer}

/* === Grid === */
.grid{width:1280px;margin:0 auto}
@media(min-width:576px){.grid{width:540px}}
@media(min-width:768px){.grid{width:720px}}
@media(min-width:992px){.grid{width:960px}}
@media(min-width:1200px){.grid{width:1140px}}
@media(max-width:575px){.grid{width:94%}}

/* === Wrap (alt container) === */
.wrap{max-width:800px;margin:0 auto;padding:0 16px}


/* ============================================================

TEMPLATE 1 (t1) — Dark blue, table info, gradient sections
   ============================================================ */
body.t1{background:#090f1e;color:#c8d4e6}

body.t1 header{background:linear-gradient(180deg,#121c32,#0b1120);padding:14px 0;position:sticky;top:0;z-index:10}
body.t1 .header_wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
body.t1 .header_logo{font-size:20px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff}
body.t1 .header_btns{display:flex;gap:10px}
body.t1 .header_btns a{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;color:#fff;padding:0 30px;height:40px;font-size:13px;font-weight:600;transition:.3s ease}
body.t1 .btn-login{background:linear-gradient(135deg,#0095ff,#0855c4);box-shadow:0 6px 22px 0 rgba(5,109,218,.3)}
body.t1 .btn-reg{background:linear-gradient(80deg,#31bc69 -8%,#089e4e 93%);box-shadow:0 6px 18px 0 rgba(14,161,81,.3)}
body.t1 .header_btns a:hover{transform:translateY(-2px)}

body.t1 .promo{margin:40px 0}
body.t1 .promo_inner{width:100%;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #c9c63e;padding:25px 20px 20px;border-radius:30px;background:#1f403e;box-shadow:0 0 20px 20px rgba(70,191,75,.2) inset}
body.t1 .promo_inner>*+*{margin-top:18px}
@media(min-width:650px){body.t1 .promo_inner{width:420px;margin:0 auto}}
body.t1 .promo_label{font-size:13px;text-transform:uppercase;color:#ffe45b;font-weight:700;letter-spacing:1px}
body.t1 .promo_value{font-size:42px;text-transform:uppercase;color:#51e46d;font-weight:900}
body.t1 .promo_cta{display:inline-block;padding:14px 28px;font-size:15px;font-weight:700;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#005bea,#00c6fb);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:.3s ease}
body.t1 .promo_cta:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.35)}

body.t1 .info-block{margin:0 0 40px;border-radius:16px;overflow:hidden;background:linear-gradient(to right,#0e1425,#101729,#121a2c,#151d30,#172034)}
body.t1 .info-block h1{margin:0;padding:24px 20px;text-align:center;color:#c9c63e;font-size:20px;line-height:1.3;border-bottom:1px solid rgba(100,184,251,.1)}
body.t1 .info-block table{width:100%;border-collapse:collapse}
body.t1 .info-block td{border-bottom:1px solid rgba(100,184,251,.12);padding:10px 16px;line-height:1.4;font-size:14px;color:#c8d4e6}
body.t1 .info-block tr:last-child td{border-bottom:none}
body.t1 .info-block td:first-child{min-width:160px;color:#8ba3c7;font-weight:600}

body.t1 .content{margin-bottom:40px}
body.t1 .content section{margin-bottom:24px;padding:28px;border-radius:16px;background:linear-gradient(to right,#0e1425,#101729,#121a2c,#151d30,#172034)}
body.t1 .content h1{font-size:28px;line-height:1.3;color:#64b8fb;margin-bottom:20px}
body.t1 .content h2{font-size:22px;line-height:1.3;color:#64b8fb;margin-bottom:18px}
body.t1 .content h3{font-size:18px;line-height:1.3;color:#64b8fb;margin-bottom:14px}
body.t1 .content p{line-height:1.65;margin-bottom:14px;color:#c8d4e6;font-size:15px}
body.t1 .content p:last-child{margin-bottom:0}
body.t1 .content ul,body.t1 .content ol{margin-bottom:18px;padding-left:28px}
body.t1 .content ul li,body.t1 .content ol li{margin-bottom:8px;line-height:1.5;color:#c8d4e6;font-size:15px}
body.t1 .content ul li::marker,body.t1 .content ol li::marker{color:#ffb129}
body.t1 .content strong,body.t1 .content b{color:#fff;font-weight:700}
body.t1 .content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
body.t1 .content td{border:1px solid rgba(100,184,251,.2);padding:8px 14px;line-height:1.4;color:#c8d4e6}
body.t1 .content th{font-weight:600;color:#64b8fb;padding:10px 14px;text-align:left;border-bottom:2px solid rgba(100,184,251,.3)}
body.t1 .content .summary-box{overflow-x:auto;margin:16px 0}
body.t1 .content ol.steps,body.t1 .content ul.auth-methods{background:rgba(0,0,0,.2);border-radius:8px;padding:16px 16px 16px 36px;margin:16px 0}

body.t1 .cta-strip{text-align:center;margin:28px 0;padding:22px;background:linear-gradient(135deg,rgba(100,184,251,.08),rgba(81,228,109,.08));border-radius:14px;border:1px solid rgba(100,184,251,.15)}
body.t1 .cta-strip a{display:inline-flex;padding:14px 32px;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#005bea,#00c6fb);border-radius:10px;transition:.3s ease}
body.t1 .cta-strip a:hover{transform:translateY(-2px)}

body.t1 time{display:block;text-align:center;font-size:13px;color:#6b7a94;padding:16px 0}
body.t1 footer{display:flex;justify-content:center;padding:20px 0;border-top:1px solid #1a2740;margin-top:8px}
body.t1 footer small{font-size:13px;color:#4a5568}

body.t1 .promo-code-block{display:flex;flex-direction:column;align-items:center;gap:15px}
body.t1 .promo-code-block span{font-size:28px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:12px 25px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);color:#fff}
body.t1 .promo-code-block button{padding:14px 24px;font-size:16px;font-weight:600;background:linear-gradient(90deg,#ff512f,#dd2476);border:none;border-radius:10px;cursor:pointer;transition:.3s ease;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.25)}
body.t1 .promo-code-block button:hover{transform:translateY(-2px)}

@media(max-width:480px){
  body.t1 .content section{padding:20px 14px}
  body.t1 .content h1{font-size:22px}
  body.t1 .content h2{font-size:19px}
  body.t1 .promo_value{font-size:32px}
  body.t1 .header_btns a{padding:0 16px;font-size:12px}
}
@media(max-width:370px){body.t1 .btn-reg{display:none}}


/* ============================================================