/* OoruLink — Login & Signup (single clean stylesheet, replaces all earlier overrides) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#0F172A;--navy2:#1E293B;--blue:#EA580C;--blue-d:#C2410C;--orange:#EA580C;--orange-l:#FB923C;--ink:#1E293B;--muted:#64748B;--line:#E2E8F0;--bg:#F8FAFC}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body.auth-page{font-family:'Plus Jakarta Sans',system-ui,Arial,sans-serif;color:var(--ink);background:var(--navy);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.auth-page a{text-decoration:none}
body.auth-page button,body.auth-page input,body.auth-page select,body.auth-page textarea{font-family:inherit;font-size:14px}

/* ---------- header ---------- */
.auth-page .header{flex:none;height:54px;display:flex;align-items:center;gap:24px;padding:0 4%;background:#fff;border-bottom:1px solid #E2E8F0;position:relative;z-index:5}
.auth-page .logo{display:flex;align-items:center;flex:none}
.auth-page .logo img{height:46px;width:auto;display:block}
.auth-page .nav{display:flex;gap:26px;margin:0 0 0 24px;flex:1;font-size:14px;font-weight:600}
.auth-page .nav a{color:#334155;padding:6px 0}
.auth-page .nav a:hover{color:var(--orange)}
.auth-page .headerRight{display:flex;align-items:center;gap:10px}
.auth-page .hbtn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid var(--navy);background:#fff;color:var(--navy);transition:.15s}
.auth-page .hbtn.fill{background:var(--orange);border-color:var(--orange);color:#fff}
.auth-page .hbtn:hover{filter:brightness(1.06)}

/* ---------- stage (dark canvas shared by login & signup) ---------- */
.auth-page .stage{flex:1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:36px 6% 36px 7%;background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);overflow:hidden}
.auth-page .stage::before{content:"";position:absolute;right:-120px;bottom:-160px;width:520px;height:520px;border-radius:50%;background:rgba(234,88,12,.12);pointer-events:none}
.auth-page .stage>*{position:relative;z-index:1}

/* left copy */
.auth-page .copy{max-width:540px}
.auth-page .eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#ffb15c;text-transform:uppercase}
.auth-page .copy h1{margin:0 0 14px;font-size:clamp(34px,4.2vw,50px);line-height:1.06;letter-spacing:-.02em;font-weight:800;color:#fff}
.auth-page .copy h1 em{display:block;font-style:normal;color:var(--orange-l)}
.auth-page .desc{margin:0 0 22px;max-width:480px;font-size:15px;line-height:1.6;color:#d5dbe3}
.auth-page .benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;max-width:480px;margin-bottom:22px}
.auth-page .benefit{display:flex;align-items:center;gap:12px}
.auth-page .benefitIcon{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffb15c;font-size:16px;font-weight:700}
.auth-page .benefit b{display:block;font-size:14px;color:#fff;line-height:1.25}
.auth-page .benefit small{display:block;font-size:12px;color:#CBD5E1;margin-top:2px}
.auth-page .pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);margin-bottom:18px}
.auth-page .slogan{font-size:18px;font-weight:700;font-style:italic;color:var(--orange-l);margin:0}
.auth-page .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.auth-page .chips span{padding:7px 12px;border-radius:999px;font-size:12px;color:#d5dbe3;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
.auth-page .chips b{color:#fff}

/* ---------- card ---------- */
.auth-page .panel{display:flex;justify-content:center;align-items:center;min-width:0}
.auth-page .card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:20px;padding:22px 28px 20px;box-shadow:0 24px 60px rgba(3,24,42,.3)}
.auth-page .card.wide{max-width:600px}
.auth-page .welcome{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--orange)}
.auth-page .card h2{margin:0;font-size:24px;line-height:1.15;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.auth-page .cardIntro,.auth-page .intro{margin:6px 0 18px;font-size:14px;line-height:1.5;color:var(--muted)}

/* forms */
.auth-page .fieldLabel,.auth-page .label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ink)}
.auth-page .field{display:block;width:100%;height:40px;margin:0 0 12px;padding:0 12px;border:1.5px solid var(--line);border-radius:11px;background:#fff;color:#0F172A;font-size:14px;line-height:normal;outline:none;transition:border-color .15s,box-shadow .15s}
.auth-page .field::placeholder{color:#94A3B8}
.auth-page .field:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(234,88,12,.15)}
.auth-page select.field{padding-right:34px;cursor:pointer;appearance:auto;-webkit-appearance:menulist}
.auth-page textarea.field{height:72px;padding:11px 14px;resize:none;line-height:1.45}
.auth-page .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.auth-page .grid>div{min-width:0}
.auth-page .fullCol{grid-column:1/-1}
.auth-page #providerFields{margin:0}
.auth-page .hint{display:block;margin:-6px 0 12px;font-size:12px;color:var(--muted)}
.auth-page .otherServiceWrap[hidden]{display:none}

/* password eye / show */
.auth-page .passwordWrap,.auth-page .pass{position:relative}
.auth-page .passwordWrap .field,.auth-page .pass .field{padding-right:62px}
.auth-page .eye,.auth-page .show{position:absolute;right:6px;top:7px;height:30px;min-height:0;margin:0;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--blue);font-size:12.5px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.auth-page .eye{font-size:16px;padding:0 10px}
.auth-page .eye:hover,.auth-page .show:hover{background:#FFEDD5}

/* rows & buttons */
.auth-page .formRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px}
.auth-page .remember{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);cursor:pointer}
.auth-page .remember input,.auth-page .terms input{width:16px;height:16px;margin:0;accent-color:var(--blue)}
.auth-page .forgot{font-size:13px;font-weight:700;color:var(--blue)}
.auth-page .loginBtn,.auth-page .create{display:block;width:100%;height:42px;margin:0;padding:0 18px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 14px rgba(234,88,12,.28);transition:.15s}
.auth-page .loginBtn:hover,.auth-page .create:hover{transform:translateY(-1px);filter:brightness(1.05)}
.auth-page .loginBtn:disabled,.auth-page .create:disabled{opacity:.7;cursor:not-allowed;transform:none}
.auth-page .new,.auth-page .existing{margin:16px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.auth-page .new a,.auth-page .existing a,.auth-page .terms a,.auth-page .privacyNote a{color:var(--blue);font-weight:700}
.auth-page .terms{margin:14px 0 0;text-align:center;font-size:12px;line-height:1.5;color:#64748B}
.auth-page .privacy{margin:8px 0 0;text-align:center;font-size:12px;line-height:1.5;color:#64748B}

/* signup: user type tabs, terms row */
.auth-page .typeTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.auth-page .typeTabs button{height:38px;padding:0 10px;border:1.5px solid var(--line);border-radius:11px;background:#F8FAFC;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer;transition:.15s}
.auth-page .typeTabs button.on{background:linear-gradient(135deg,var(--blue),var(--blue-d));border-color:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(234,88,12,.22)}
.auth-page label.terms{display:flex;align-items:flex-start;justify-content:flex-start;gap:9px;margin:2px 0 16px;text-align:left;font-size:13px;color:var(--muted)}
.auth-page label.terms input{margin-top:2px;flex:none}

/* login-only: hide stats strip */
.auth-page .stats{display:none}

/* ---------- footer ---------- */
.auth-page .footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:14px 4%;background:#0B1220;border-top:1px solid rgba(255,255,255,.1);color:#c4ccd6;font-size:12.5px}
.auth-page .footer a{color:#fff}
.auth-page .footer a:hover{color:var(--orange-l)}
.auth-page .footer .links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.auth-page .footer .links span{opacity:.4}
.auth-page .footer .fright{display:flex;align-items:center;gap:14px}
.auth-page .footer .footerSlogan{font-weight:700;font-style:italic;color:var(--orange-l);font-size:13.5px}
.auth-page .socialLinks{display:flex;gap:8px;align-items:center}
.auth-page .socialLinks a{width:30px!important;height:30px!important}
.auth-page .socialLinks svg{width:16px!important;height:16px!important}

/* toast */
.auth-page .toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);background:#0F172A;color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;transition:.25s;z-index:50;max-width:90vw;text-align:center;opacity:0;visibility:hidden;pointer-events:none}
.auth-page .toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}

/* ---------- tablet ---------- */
@media(max-width:960px){
  .auth-page .nav{display:none}
  .auth-page .headerRight{margin-left:auto}
  .auth-page .stage{grid-template-columns:1fr;gap:26px;padding:30px 5% 36px;align-items:start}
  .auth-page .copy{max-width:640px;margin:0 auto;width:100%}
  .auth-page .panel{width:100%}
  .auth-page .card,.auth-page .card.wide{max-width:560px}
}
/* ---------- phone ---------- */
@media(max-width:600px){
  .auth-page .header{height:58px;padding:0 14px}
  .auth-page .logo img{height:42px}
  .auth-page .hbtn{height:36px;padding:0 16px;font-size:13px}
  .auth-page .stage{padding:22px 14px 28px;gap:20px}
  .auth-page .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:10px}
  .auth-page .copy h1{font-size:30px;margin-bottom:10px}
  .auth-page .desc{font-size:13.5px;margin-bottom:0}
  .auth-page .benefits,.auth-page .slogan,.auth-page .chips,.auth-page .pill{display:none}
  .auth-page .card,.auth-page .card.wide{padding:22px 18px 20px;border-radius:18px}
  .auth-page .card h2{font-size:25px}
  .auth-page .grid{grid-template-columns:1fr}
  .auth-page .typeTabs button{font-size:13px;padding:0 6px}
  .auth-page .footer{flex-direction:column;align-items:center;text-align:center;padding:16px 14px;gap:10px}
  .auth-page .footer .fright{flex-direction:column;gap:8px}
  .auth-page .footer .links{justify-content:center}
  .auth-page .footer .links span{display:none}
  .auth-page .footer .links{gap:6px 16px}
}

/* ---------- desktop: login fits one screen ---------- */
@media(min-width:961px){
  body.auth-login{height:100vh;overflow:hidden}
  body.auth-login .stage{min-height:0;padding-top:20px;padding-bottom:20px}
}
@media(min-width:961px) and (max-height:700px){
  body.auth-login{height:auto;overflow:auto}
}

/* ---------- light card on navy stage ---------- */
.auth-page .card{background:#fff;border:1px solid #E2E8F0;border-top:4px solid #EA580C;box-shadow:0 18px 44px rgba(2,6,23,.35)}
.auth-page .card h2{color:#0F172A}
.auth-page .eye,.auth-page .show,.auth-page .forgot,.auth-page .new a,.auth-page .existing a,.auth-page .terms a,.auth-page .hint a{color:#C2410C}
.auth-page .typeTabs button{background:#F8FAFC;border-color:#E2E8F0;color:#334155}
.auth-page .typeTabs button.on{background:#0F172A;border-color:#0F172A;color:#fff;box-shadow:none}
.auth-page .welcome{color:#EA580C}

/* ---------- creative layer ---------- */
.auth-page .stage::after{content:"";position:absolute;right:0;bottom:0;width:min(48%,560px);height:78%;background:url(images/gopuram-dark.svg) right bottom/contain no-repeat;opacity:.16;pointer-events:none;z-index:0}
.auth-page .loginBtn,.auth-page .create{background:#EA580C;box-shadow:0 4px 10px rgba(234,88,12,.28)}
.auth-page .loginBtn:hover,.auth-page .create:hover{background:#C2410C;filter:none}
.auth-page .card{border-top-color:var(--orange)}
.auth-page .benefitIcon{color:#ffb15c}
@media(max-width:960px){.auth-page .stage::after{display:none}}

.googleBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;color:#0F172A;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;margin:0 0 4px}
.googleBtn:hover{background:#F8FAFC;border-color:#94A3B8}
.orLine{display:flex;align-items:center;gap:10px;margin:12px 0 4px;color:#64748B;font-size:12px}
.orLine:before,.orLine:after{content:"";flex:1;height:1px;background:#E2E8F0}