/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/login/login.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Stage 15: matching ÉLAIRE brand, Inter/Poppins, dark controls, gradient accents. */
.auth-page { min-height: 100svh; display: grid; place-items: center; padding: 35px 22px; position: relative; isolation: isolate; background: var(--paper); overflow: hidden; }
.auth-glow { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse 45% 45% at 90% 5%, rgba(153,120,226,.09), transparent 76%),radial-gradient(ellipse 42% 50% at 0% 95%,rgba(63,165,171,.09),transparent 75%); }
.auth-frame { width: min(100%, 490px); }
.auth-brand { display:flex; align-items:center; margin-bottom: 32px; }
.auth-brand img { display:block; margin-right:11px; }
.auth-wordmark { font: 800 26px/1 var(--font-display); letter-spacing:-.075em; }
.auth-period { background: var(--brand-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.auth-brand-by { margin-left:13px; padding-left:13px; border-left:1px solid #c5caca; font-size:10px; font-weight:600; color:#7c8180; }
.auth-card { padding: clamp(28px,6vw,48px); border:1px solid #e6e8e5; border-radius:22px; background:#fff; box-shadow: 0 22px 70px rgba(32,43,47,.065); }
.auth-eyebrow { display:flex;align-items:center;gap:10px;color:#687174;font-size:10px;font-weight:800;letter-spacing:.15em; }
.auth-eyebrow-line { background:var(--brand-gradient);height:3px;width:25px;border-radius:20px; }
.auth-card h1 { font:700 clamp(36px, 5vw, 48px)/1.15 var(--font-display); letter-spacing:-.06em; margin:28px 0 12px; }
.auth-gradient-text { background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent; }
.auth-subtitle { margin:0 0 34px; color:var(--ink-soft);line-height:1.75;font-size:13px; }
.auth-form { display:flex;flex-direction:column;gap:10px; }
.auth-form label { font-weight:700;color:#313b3c;font-size:12px;margin-top:10px; }
.auth-form input { width:100%;min-height:52px;padding:14px 16px;background:#fafbfa;border:1px solid #dae0dc;border-radius:12px;color:#1d2529;outline:0;transition:border-color .2s,box-shadow .2s;font:500 14px var(--font-ui); }
.auth-form input:focus { border-color:#518d9b;box-shadow:0 0 0 3px rgba(58,134,149,.12); }
.auth-form input::placeholder {color:#97a09f;}
.auth-password-field {position:relative;}
.auth-password-field input {padding-right:68px;}
.auth-toggle { position:absolute;right:13px;top:50%;transform:translateY(-50%);padding:7px;background:none;border:0;font-size:12px;font-weight:700;color:var(--sea); }
.auth-submit {margin-top:18px;width:100%;display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:15px 20px;border:0;border-radius:999px;background:#171c26;color:#fff;-webkit-text-fill-color:#fff;font-size:13px;font-weight:700;transition:background .2s, transform .2s;}
.auth-submit:hover:not(:disabled) { background:#303544;transform:translateY(-1px); }
.auth-submit:disabled { opacity:.65;cursor:wait; }
.auth-submit span { font-size:20px; }
.auth-error { margin:4px 0;color:#b83242;font-size:12px;line-height:1.5; }
.auth-help {border-top:1px solid #f0f1ef;padding-top:21px;margin:28px 0 0;font-size:11px;color:#7b8382;line-height:1.7;}
.auth-footer {display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:10px;color:#869090;}
.auth-submit:focus-visible,.auth-toggle:focus-visible {outline:2px solid #568fe3;outline-offset:3px;}
@media (max-width:680px) { .auth-page{padding:24px 17px;} .auth-brand{margin-bottom:25px;} .auth-footer{flex-direction:column;gap:4px;} }
@media (forced-colors:active) { .auth-gradient-text,.auth-period{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;} }
@media (prefers-reduced-motion:reduce) {.auth-submit,.auth-form input{transition:none;} }

