:root{--navy:#12263f;--navy-deep:#0a1830;--ruby-deep:#57101f;--ruby:#9d1c31;--gold:#c9a227;--gold-soft:#e8dcc0;--paper:#faf7f0;--ink:#1c2430;--muted:#6b7280;--line:#e5ddd0}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Tahoma,Segoe UI,sans-serif;line-height:1.9}a{color:var(--ruby)}button{cursor:pointer;font-family:inherit}input,textarea,select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);border-color:var(--gold)}label{color:var(--navy);margin:14px 0 6px;font-weight:700;display:block}.shell{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.header{background:linear-gradient(135deg, var(--ruby-deep), var(--navy) 70%);color:#fff;border-bottom:3px solid var(--gold);padding:22px 20px 18px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--navy);border:2px solid var(--gold);object-fit:contain;border-radius:12px;width:44px;height:44px;padding:4px}.brand-name{font-size:20px;font-weight:800}.brand-sub{color:var(--gold-soft);font-size:13px}.nav{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.nav a{color:#fff;border:1px solid #ffffff59;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;text-decoration:none}.nav a.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.main{flex:1;padding:20px}.back-btn{border:1px solid var(--gold);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:14px 20px 22px;font-size:12.5px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;box-shadow:0 6px 24px #12263f12}.card+.card{margin-top:16px}h1{color:var(--navy);margin:0 0 8px;font-size:22px}h2{color:var(--navy);margin:0 0 8px;font-size:18px}p{margin:8px 0}.lead{color:var(--muted);font-size:15px}.btn{text-align:center;background:linear-gradient(135deg, var(--ruby), var(--ruby-deep));color:#fff;border:0;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-size:17px;font-weight:800;display:block}.btn-secondary{background:var(--navy)}.btn-ghost{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn:disabled{opacity:.55;cursor:wait}.alert{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14.5px}.alert-ok{color:#2c5a2c;background:#eef6ee;border:1px solid #b9d8b9}.alert-warn{border:1px solid var(--gold);color:#6b5310;background:#fdf6e3}.alert-err{color:#7a1f1f;background:#fdeeee;border:1px solid #e0a8a8}.badge{background:var(--ruby);color:#fff;border:2px solid var(--gold);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.steps{flex-wrap:wrap;gap:6px;margin:14px 0 4px;display:flex}.step{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 10px;font-size:12.5px}.step.on{background:var(--navy);color:#fff;border-color:var(--navy)}.step.now{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:800}.stars{gap:8px;margin:10px 0;display:flex}.star{border:1.5px solid var(--gold);width:48px;height:48px;color:var(--gold);background:#fff;border-radius:50%;font-size:22px;line-height:1}.star.on{background:var(--gold);color:#fff}.meta{color:var(--muted);font-size:13.5px}.kv{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.kv:last-child{border-bottom:0}.kv b{color:var(--navy)}@media (width>=900px){.shell{max-width:1024px}.header{padding:28px 32px 22px}.main{padding:28px 32px}.card{padding:28px}h1{font-size:26px}.btn{width:auto;min-width:260px;margin-left:12px;display:inline-block}}