:root{
  --bg:#f4fbff;--card:#fff;--text:#123044;--muted:#5d7385;
  --brand:#087db7;--brand-dark:#045f8d;--navy:#0b2c4d;
  --gold:#c99a2e;--green:#067647;--red:#b42318;--amber:#9a6700;
  --line:#d7edf8;--shadow:0 18px 42px rgba(10,75,115,.12)
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#eff9ff,#fff 42%,#f4fbff);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,92%);margin:auto}
header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-weight:900;color:var(--navy)}
.brand small{display:block;color:var(--muted);font-weight:700}
.navlinks{display:flex;gap:8px;flex-wrap:wrap}
.navlinks a{padding:9px 13px;border-radius:999px;color:var(--brand-dark);font-weight:900}
.navlinks a:hover{background:#f2fbff}
main{padding:34px 0 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}
.narrow{width:min(620px,92%);margin:36px auto}
h1,h2,h3{color:var(--navy);line-height:1.15}
h1{font-size:clamp(31px,4.6vw,50px);margin:0 0 12px}
h2{margin:0 0 12px}
p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}
label{display:block;font-weight:800;color:var(--navy);margin:12px 0 6px}
input,select,textarea{width:100%;min-height:46px;border:1px solid #bdddeb;border-radius:12px;padding:11px 12px;font:inherit;color:var(--text);background:#fff}
textarea{min-height:100px}
button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:12px;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer}
.btn-primary,button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff}
.btn-secondary{background:#fff;color:var(--brand-dark);border:1px solid var(--line)}
.btn-danger{background:#fff1f0;color:var(--red);border:1px solid #f6c7c2}
.btn-stripe{background:#635bff;color:#fff}
.btn-paypal{background:#0070ba;color:#fff}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.notice{border-radius:15px;padding:13px 15px;margin:14px 0;font-weight:700}
.notice.success{background:#ecfdf3;color:var(--green);border:1px solid #b7ebc8}
.notice.error{background:#fff1f0;color:var(--red);border:1px solid #f6c7c2}
.notice.warning{background:#fff8e6;color:#745300;border:1px solid #f2d27d}
.notice.info{background:#f2fbff;color:var(--brand-dark);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--navy)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;background:#eaf6ff;color:var(--brand-dark)}
.badge.active{background:#ecfdf3;color:var(--green)}
.badge.warning{background:#fff8e6;color:#745300}
.badge.revoked{background:#fff1f0;color:var(--red)}
.package{display:flex;flex-direction:column;gap:12px;min-height:100%}
.package .price{font-size:32px;font-weight:900;color:var(--navy)}
.package ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.package li{padding-left:22px;position:relative;font-weight:800}
.package li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.package .checkout{margin-top:auto;display:grid;gap:9px}
.code{font-family:Consolas,Monaco,monospace;background:#f8fdff;border:1px solid var(--line);padding:10px;border-radius:10px;overflow-wrap:anywhere}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);text-align:center}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.muted{color:var(--muted)}
.right{text-align:right}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding:12px 0}.two-col{grid-template-columns:1fr}.actions{display:grid}.actions .btn,.actions button{width:100%}}