:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --accent:#0b73b7;
  --muted:#586874;
  --accent-2:#1fb6ff;
}

*{box-sizing:border-box}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg);color:#04293a;margin:0;padding:28px}
header{max-width:920px;margin:0 auto 18px}
.lead{color:var(--muted);margin-top:6px}
main{max-width:920px;margin:0 auto;display:grid;gap:18px}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 8px 24px rgba(8,24,40,0.06)}
h1{font-size:1.6rem;margin:0}
h2{font-size:1.1rem;margin:0 0 8px}
label{display:block;margin:10px 0;font-weight:500}
input[type=text],input[type=number],select{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px;background:#fbfdff}
.form-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.form-grid{grid-template-columns:1fr 1fr}}
.row{display:flex;align-items:center;gap:8px}
.checkbox-inline{display:flex;align-items:center;gap:8px;font-weight:500}
.actions{margin-top:12px;display:flex;gap:8px;align-items:center}
button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
button.secondary{background:#9fbad8;color:#04293a}
button.primary{background:var(--accent);}
button:hover{transform:translateY(-1px)}
.small{color:var(--muted);font-size:0.9rem}
.hidden{display:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.upgrade,.fin{border:1px solid #eef6fb;padding:14px;border-radius:8px;background:linear-gradient(180deg,#fff,#fcfeff)}
.meta{color:var(--muted);font-size:0.95rem}
#summary{margin-bottom:12px}
footer{max-width:920px;margin:18px auto;color:var(--muted);text-align:center}

details.advanced summary{cursor:pointer;padding:10px;border-radius:8px;background:#f3fbff;border:1px solid #e6f6ff}
details summary{font-weight:600}
details[open] .advanced-content{padding-top:10px}
.tag{display:inline-block;background:#eef9ff;color:#055a8c;padding:4px 8px;border-radius:999px;font-size:0.8rem;margin-right:6px}
.fin h4,.upgrade h4{margin:0 0 6px}
.card > details > summary{font-size:1rem}
.download-btn{background:#f5f7fa;color:#04293a;border:1px solid #e0e6ea;padding:8px 10px;border-radius:8px;margin-right:8px}
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --accent:#0b73b7;
  --muted:#586874;
  --accent-2:#1fb6ff;
}

*{box-sizing:border-box}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg);color:#04293a;margin:0;padding:28px}
header{max-width:920px;margin:0 auto 18px}
.lead{color:var(--muted);margin-top:6px}
main{max-width:920px;margin:0 auto;display:grid;gap:18px}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 8px 24px rgba(8,24,40,0.06)}
h1{font-size:1.6rem;margin:0}
h2{font-size:1.1rem;margin:0 0 8px}
label{display:block;margin:10px 0;font-weight:500}
input[type=text],input[type=number],select{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px;background:#fbfdff}
.form-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.form-grid{grid-template-columns:1fr 1fr}}
.row{display:flex;align-items:center;gap:8px}
.checkbox-inline{display:flex;align-items:center;gap:8px;font-weight:500}
.actions{margin-top:12px;display:flex;gap:8px;align-items:center}
button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
button.secondary{background:#9fbad8;color:#04293a}
button.primary{background:var(--accent);}
button:hover{transform:translateY(-1px)}
.small{color:var(--muted);font-size:0.9rem}
.hidden{display:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.upgrade,.fin{border:1px solid #eef6fb;padding:14px;border-radius:8px;background:linear-gradient(180deg,#fff,#fcfeff)}
.meta{color:var(--muted);font-size:0.95rem}
#summary{margin-bottom:12px}
footer{max-width:920px;margin:18px auto;color:var(--muted);text-align:center}

details.advanced summary{cursor:pointer;padding:10px;border-radius:8px;background:#f3fbff;border:1px solid #e6f6ff}
details summary{font-weight:600}
details[open] .advanced-content{padding-top:10px}
.tag{display:inline-block;background:#eef9ff;color:#055a8c;padding:4px 8px;border-radius:999px;font-size:0.8rem;margin-right:6px}
.fin h4,.upgrade h4{margin:0 0 6px}
.card > details > summary{font-size:1rem}
.download-btn{background:#f5f7fa;color:#04293a;border:1px solid #e0e6ea}