:root{--primary: #6366F1;--on-primary: #FFFFFF;--primary-container: #E0E7FF;--on-primary-container: #312E81;--primary-fixed: #E0E7FF;--on-primary-fixed: #1A1B4E;--surface: #FEFEFE;--on-surface: #1C1B1F;--surface-container: #F3F0FF;--surface-container-highest: #E0E7FF;--surface-container-lowest: #FFFFFF;--outline: #79747E;--outline-variant: #CAC4D0;--error: #BA1A1A;--on-error: #FFFFFF;--error-container: #FFDAD6;--bg-color: var(--surface);--text-color: var(--on-surface);--font-family: "Outfit", sans-serif;--shadow-1: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-2: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px}@media (prefers-color-scheme: dark){:root{--primary: #818CF8;--on-primary: #1A1B4E;--primary-container: #312E81;--on-primary-container: #C7D2FE;--primary-fixed: #312E81;--on-primary-fixed: #E0E7FF;--surface: #121212;--on-surface: #E6E1E5;--surface-container: #1D1B20;--surface-container-highest: #312E81;--surface-container-lowest: #0F0F0F;--outline: #938F99;--outline-variant: #49454F;--error: #FFB4AB;--on-error: #690005;--error-container: #93000A}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--surface);color:var(--on-surface);margin:0;padding:0;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary);color:var(--on-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:16px;line-height:1;transition:all .2s;height:56px}.btn-primary:hover{background-color:color-mix(in srgb,var(--primary) 90%,black)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--primary);border:1.5px solid var(--outline-variant);padding:.75rem 1.5rem;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:14px;transition:all .2s;height:56px}.btn-secondary:hover{background:var(--primary-container);border-color:var(--primary)}.input-field{width:100%;padding:14px 16px;background:var(--surface-container-highest);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:15px;color:var(--on-surface);transition:all .2s;outline:none}.input-field:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.input-field::placeholder{color:var(--outline)}.card-m3{background:var(--surface-container);border-radius:var(--radius-2xl);border:1px solid var(--outline-variant);padding:32px}.text-button{background:none;border:none;color:var(--primary);font-family:var(--font-family);font-weight:600;cursor:pointer;padding:0;font-size:14px}.text-button:hover{text-decoration:underline}