:root{font-family:Montserrat,system-ui,sans-serif;color:#14213d;background:radial-gradient(circle at top,rgba(208,229,255,.9),transparent 35%),linear-gradient(160deg,#fffdf5,#eef4ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,520px);padding:40px 32px;border:1px solid rgba(20,33,61,.12);border-radius:28px;background:#ffffffd1;box-shadow:0 24px 80px #14213d1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.era-logo{display:block;width:168px;height:auto;margin:0 auto 14px}.eyebrow{margin-bottom:10px;color:#c26a2d;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1}.lead{margin:18px 0 28px;color:#14213dbd;line-height:1.6}.alert{margin-bottom:16px;padding:14px 16px;border-radius:16px;font-size:.95rem}.alert.success{background:#4bb5431f;color:#1f6b1a}.alert.error{background:#ca3a3a1f;color:#8c1f1f}.code-form{display:grid;gap:12px}.code-form label,.panel-label{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.code-form input{padding:16px 18px;border:1px solid rgba(20,33,61,.15);border-radius:16px;background:#fff;font-size:1.8rem;letter-spacing:.35em;text-align:center}.code-form button,.secondary-button,.download-panel a,.download-panel button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 22px;border:0;border-radius:999px;background:#14213d;color:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.secondary-button{width:100%;margin-top:14px;background:#d97a34}.code-form button:disabled,.secondary-button:disabled,.download-panel button:disabled{opacity:.5;cursor:not-allowed}.code-form button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.download-panel a:hover,.download-panel button:hover:not(:disabled){transform:translateY(-1px)}.download-panel{margin-top:22px;padding:18px;border-radius:20px;background:#14213d;color:#fff;display:grid;gap:16px}.download-panel strong{display:block;margin-top:8px;font-size:1.2rem}@media(max-width:640px){.card{padding:28px 20px}.code-form input{font-size:1.5rem;letter-spacing:.22em}}