@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--surface:#f5f7fa;--surface-container-lowest:#fff;--surface-container-low:#f0f2f5;--surface-container:#e8ebf0;--surface-container-high:#edf0f4;--surface-variant:#e2e6ec;--primary:#004ac6;--primary-container:#2563eb;--on-primary:#fff;--secondary:#0d9488;--secondary-container:#14b8a61f;--tertiary:#f97316;--error:#dc2626;--error-container:#ef44441a;--on-surface:#1e293b;--on-surface-variant:#64748b;--outline-variant:#1e293b14;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:3rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{background:var(--surface);flex-direction:column;width:100%;max-width:480px;height:100vh;display:flex;position:relative;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-surface);font-weight:800}.display-lg{font-family:var(--font-display);font-size:2.5rem;font-weight:800;line-height:1.1}.headline-md{font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1.2}.body-lg{font-family:var(--font-body);color:var(--on-surface);font-size:1rem;font-weight:400;line-height:1.6}.label-md{font-family:var(--font-body);font-size:.875rem;font-weight:500;line-height:1.5}.surface-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:0 12px 40px #1e293b0f}.surface-section{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--spacing-6)}.glass-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);background:#ffffffbf;box-shadow:0 12px 40px #1e293b0f}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;border:none;width:100%;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .25s;position:relative;overflow:hidden}.btn-primary:disabled{background:var(--surface-container-high);color:var(--on-surface-variant);cursor:not-allowed}.btn-primary:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb40}.btn-primary:not(:disabled):active{transform:translateY(1px)}.btn-secondary{background:var(--surface-variant);color:var(--on-surface-variant);border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;border:none;width:100%;padding:14px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--surface-container)}.btn-tertiary{color:var(--primary-container);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:.875rem;font-weight:500}input,select{background:var(--surface-container-low);width:100%;color:var(--on-surface);border-radius:var(--radius-lg);font-family:var(--font-body);margin-bottom:var(--spacing-4);border:1px solid #1e293b26;outline:none;padding:14px 18px;font-size:.95rem;transition:all .25s;box-shadow:inset 0 1px 2px #1e293b05}input:focus,select:focus{background:var(--surface-container-lowest);border-color:var(--primary-container);box-shadow:0 0 0 4px #2563eb1a}input::placeholder{color:var(--on-surface-variant)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}input[type=checkbox]{border-radius:var(--radius-lg);width:2rem;height:2rem;accent-color:var(--primary-container);margin-bottom:0}
