@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100vh}:root{--bg: #f4f7fb;--bg-accent: #e9eef8;--accent: #1438a6;--accent-strong: #0d276f;--accent-soft: #dfe7fb;--ink: #0b1220;--muted: #5b6475;--card: #ffffff;--border: #d8e1f1;--shadow: 0 20px 50px rgba(13, 39, 111, .12)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(20,56,166,.14),transparent 30%),radial-gradient(circle at top right,rgba(31,101,255,.09),transparent 24%),linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}h1,h2,h3,h4{margin:0 0 .6rem;font-family:Space Grotesk,Manrope,sans-serif}p{line-height:1.6;margin:0 0 1rem}a{color:inherit;text-decoration:none}img{max-width:100%}.app{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 4vw;background:#f4f7fbdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.9rem}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:14px;box-shadow:0 10px 24px #0d276f2e}.eyebrow{margin:0 0 .15rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.subtitle{margin:0;color:var(--muted);text-align:right}.container{width:min(1120px,100%);margin:0 auto;padding:2.25rem 4vw 4rem}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.5rem;align-items:stretch}.hero-card,.notice,.access-card,.qcm-form,.exercise-block{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.hero-card,.notice,.access-card{padding:1.5rem}.access-card{max-width:620px;margin-top:1.5rem}.flat-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.flat-list li{padding-left:1rem;position:relative;color:var(--muted)}.flat-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.qcm-form{margin-top:1.5rem;padding:1.5rem;display:grid;gap:1rem}.numbered{margin:0;padding-left:1.2rem;display:grid;gap:1.2rem}.qcm-question{margin-bottom:.6rem;font-weight:600}.competency-list{margin-top:0}.competency-badge{display:inline-flex;align-items:center;justify-content:center;margin-right:.55rem;padding:.16rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:700;vertical-align:middle}.qcm-options{display:grid;gap:.55rem}.qcm-option{display:flex;align-items:flex-start;gap:.6rem;font-weight:500}.qcm-option input{margin-top:.25rem}.field{display:grid;gap:.4rem;font-weight:600}.field input,.field textarea{width:100%;padding:.75rem .95rem;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);font:inherit}.field input:focus,.field textarea:focus{outline:2px solid rgba(20,56,166,.18);border-color:var(--accent)}.unlock-form{display:grid;gap:.9rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.3rem;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #1438a638}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.muted{color:var(--muted)}.site-footer{padding:2rem 1rem 3rem;text-align:center;color:var(--muted)}.numbered,.qcm-form,.hero-card,.notice,.access-card,.btn,.field input,.field textarea{animation:fade-up .36s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.site-header{flex-direction:column;align-items:flex-start}.subtitle{text-align:left}.hero{grid-template-columns:1fr}}@media(max-width:640px){.container{padding-top:1.5rem}.hero-card,.notice,.access-card,.qcm-form{padding:1.1rem}}