@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--tertiary-fixed-dim:#57dbc1;--on-tertiary-fixed-variant:#005144;--on-surface:#0d1c2e;--secondary-fixed:#ffddb3;--surface-container-low:#eff4ff;--primary-fixed:#ffdad4;--on-tertiary-container:#00372e;--surface-bright:#f8f9ff;--inverse-surface:#233144;--inverse-primary:#ffb4a7;--on-primary-fixed-variant:#862114;--on-error:#fff;--primary-fixed-dim:#ffb4a7;--on-error-container:#93000a;--on-surface-variant:#58423e;--surface-container-highest:#d5e3fc;--error-container:#ffdad6;--on-secondary-container:#704900;--error:#ba1a1a;--surface-dim:#ccdbf3;--on-primary-container:#660701;--on-secondary-fixed:#291800;--tertiary-fixed:#77f8dd;--surface-tint:#a73828;--secondary-container:#feb646;--on-primary-fixed:#400200;--outline:#8b716d;--on-tertiary-fixed:#00201a;--on-background:#0d1c2e;--surface:#f8f9ff;--tertiary-container:#00ab93;--on-tertiary:#fff;--inverse-on-surface:#eaf1ff;--on-primary:#fff;--outline-variant:#dfc0ba;--on-secondary:#fff;--surface-container:#e6eeff;--surface-container-high:#dce9ff;--secondary-fixed-dim:#ffb950;--background:#f8f9ff;--on-secondary-fixed-variant:#634000;--primary-container:#f3705b;--primary:#a73828;--surface-container-lowest:#fff;--tertiary:#006b5b;--surface-variant:#d5e3fc;--secondary:#825500;--spacing-sm:8px;--spacing-xxl:48px;--spacing-xs:4px;--spacing-lg:24px;--spacing-margin:32px;--spacing-md:16px;--spacing-gutter:24px;--spacing-unit:4px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}#__next{width:100%}body{min-height:100vh;color:var(--on-surface);background:linear-gradient(#ff82cd33 -59.43%,#fffdc966);font-family:Inter,sans-serif}.login-page{width:100%;max-width:480px;padding:var(--spacing-margin) var(--spacing-xl);margin:auto}.login-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-xl);background:#ffffffb3;border:1px solid #fff6;border-radius:12px;flex-direction:column;align-items:center;width:480px;display:flex;box-shadow:0 10px 25px #0000000d}.logo-section{text-align:center;margin-bottom:var(--spacing-xl)}.logo-image{width:auto;height:64px;margin-bottom:var(--spacing-md)}.logo-section h1{letter-spacing:-.02em;color:var(--on-surface);margin-bottom:var(--spacing-xs);font-size:28px;font-weight:700;line-height:1.2}.logo-section p{color:var(--on-surface-variant);font-size:16px;line-height:1.6}.login-form{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{letter-spacing:.05em;color:var(--on-surface-variant);margin-left:var(--spacing-xs);text-transform:uppercase;font-size:14px;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--outline);z-index:1;font-size:16px;position:absolute;left:16px}.form-input{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);width:100%;color:var(--on-surface);border-radius:8px;outline:none;padding:16px 16px 16px 48px;font-family:Inter,sans-serif;font-size:16px;transition:all .2s}.form-input::placeholder{color:#8b716d80}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #a7382833}.password-toggle{color:var(--outline);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--on-surface)}.remember-me{padding-left:var(--spacing-xs);align-items:center;display:flex}.remember-me input{border:1px solid var(--outline-variant);width:16px;height:16px;accent-color:var(--primary);border-radius:4px;margin-right:12px}.remember-me label{color:var(--on-surface-variant);font-size:14px}.error-message{color:var(--error);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:var(--error-container);border-radius:6px;font-size:14px}.submit-btn{cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.primary-gradient-btn{color:#fff;background:linear-gradient(-45deg,#f3705b,#fcb444 48%,#ffffff21 49.5% 50.5%,#fcb444 52%,#f3705b) 0 0/200% 200%;border:none;animation:3s infinite gradientMove;box-shadow:0 4px 15px #f3705b4d}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.arrow-icon{font-size:18px}