@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#f0f4ff;--bg-card:#fff;--blue:#a8d8ea;--yellow:#ffd93d;--green:#aedea7;--pink:#ffb3b3;--lavender:#c9b8f0;--peach:#ffdab9;--text-dark:#2d3142;--text-mid:#4a4e69;--text-soft:#6b7280;--radius-sm:12px;--radius-md:20px;--radius-lg:30px}body{background-color:var(--bg-main);color:var(--text-dark);max-width:480px;min-height:100vh;margin:0 auto;font-family:Nunito,sans-serif}button{cursor:pointer;border:none;outline:none;font-family:Nunito,sans-serif}input{border:2px solid var(--blue);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:#fff;outline:none;padding:12px 16px;font-family:Nunito,sans-serif;font-size:16px}input:focus{border-color:var(--lavender)}.screen{flex-direction:column;min-height:100vh;padding:24px 20px;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;box-shadow:0 4px 20px #0000000f}.btn-primary{background:var(--blue);color:#0b4f6c;border-radius:var(--radius-lg);width:100%;padding:16px;font-size:18px;font-weight:700;transition:transform .15s}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--lavender);color:#3d2b8e;border-radius:var(--radius-lg);width:100%;padding:16px;font-size:18px;font-weight:700}