*{box-sizing:border-box}:root{--bg:#f7f8fb;--text:#1f2937;--card:#fff;--border:#e5e7eb}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);max-width:1000px;margin:0 auto;padding:0 16px 32px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--primary);color:#fff;border-radius:8px;z-index:1000}header{text-align:center;padding:1.25rem 0;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));color:#fff;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{font-size:2rem;margin-bottom:.25rem}.header-content{position:relative}.home-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all .2s ease;z-index:10;color:#fff}.home-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.35)}.home-btn:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.home-btn svg{width:20px;height:20px;stroke:#fff}.subheader{margin-top:.25rem;font-size:1rem;font-weight:500;opacity:.9;display:flex;align-items:center;justify-content:center;gap:.5rem}main{display:flex;flex-direction:column;gap:1.25rem}section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}.btn{border:1px solid #24305b;background:#10163a;color:#dbe5ff}.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}footer{text-align:center;padding:1.25rem 0;margin-top:1.5rem;color:#fff;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}:root{--primary:#1a2a6c;--header-end:#2c3e50;--focus-ring:rgba(26,42,108,.35);--btn-bg:#10163a;--btn-border:#24305b;--btn-border-hover:#3a4e9f;--btn-fg:#dbe5ff}@media (max-width:1024px){body{max-width:900px}}@media (max-width:640px){body{padding:0 12px 24px}header h1{font-size:1.6rem}section{padding:1rem;border-radius:12px}}@media (max-width:480px){body{padding:0 10px 20px}header{padding:1rem 0;margin-bottom:1rem}header h1{font-size:1.6rem}.header-content{padding-top:3rem}.home-btn{left:50%;top:.5rem;transform:translateX(-50%)}section{padding:1rem;border-radius:8px}}@media (min-width:1280px){body{max-width:1200px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-height:40px;border:1px solid var(--btn-border, #24305b);border-radius:8px;background:var(--btn-bg, #10163a);color:var(--btn-fg, #dbe5ff);text-decoration:none;font-weight:600}