/* Login & Daftar — tema Fresh Youth (oranye + terang).
   Loaded setelah main.css. Hanya override token + komponen auth. */

:root{
  --bg-base:#fffaf3;
  --bg-surface:#fff2e4;
  --bg-elevated:#ffffff;
  --bg-card:#ffffff;
  --border:#efe7db;
  --border-bright:#ffd0a8;
  --cyan:#ff7a1a;
  --cyan-dim:#ec6207;
  --cyan-glow:rgba(255,122,26,.28);
  --cyan-glow-sm:rgba(255,122,26,.12);
  --purple:#1e3a68;
  --text-primary:#182740;
  --text-secondary:#5a6577;
  --text-muted:#9aa4b4;
}

body{background:var(--bg-base);color:var(--text-primary)}
a{color:var(--cyan)}
a:hover{text-shadow:none}

/* glow lembut di belakang kartu */
.auth-page{position:relative;overflow:hidden}
.auth-page::before{content:'';position:absolute;top:-120px;right:-80px;width:520px;height:520px;pointer-events:none;
  background:radial-gradient(circle,rgba(255,122,26,.16),transparent 62%);filter:blur(10px)}
.auth-page::after{content:'';position:absolute;bottom:-140px;left:-90px;width:440px;height:440px;pointer-events:none;
  background:radial-gradient(circle,rgba(255,197,61,.18),transparent 66%);filter:blur(10px)}
.auth-container{position:relative;z-index:1}

/* logo */
.auth-logo{margin-bottom:28px}
.auth-logo .auth-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.auth-logo .auth-brand img{height:40px;width:auto;background:none!important;padding:0!important;border-radius:0!important}
.auth-logo .auth-brand span{font-family:var(--font-display);font-weight:900;font-size:23px;color:var(--purple);letter-spacing:-.02em}
.auth-logo .auth-brand span b{color:var(--cyan)}
.auth-logo h2{font-family:var(--font-display);font-size:26px;color:var(--text-primary);font-weight:800}
.auth-logo .auth-sub{color:var(--text-secondary);font-size:15px;margin-top:6px}

/* kartu */
.auth-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 60px rgba(24,39,64,.12);padding:34px}

/* tab masuk / daftar */
.auth-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:5px}
.auth-tab{color:var(--text-secondary);font-family:var(--font-display);font-weight:700}
.auth-tab.active{background:var(--cyan);color:#fff;box-shadow:0 6px 16px var(--cyan-glow)}

/* input */
.form-label{color:var(--text-secondary);font-weight:700;text-transform:none;letter-spacing:0;font-size:13px}
.form-input{background:#fff;border:1.5px solid var(--border);color:var(--text-primary);border-radius:14px;padding:13px 15px;backdrop-filter:none}
.form-input::placeholder{color:var(--text-muted)}
.form-input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px var(--cyan-glow-sm)}

/* tombol */
.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px var(--cyan-glow)}
.btn-primary:hover{background:var(--cyan-dim);box-shadow:0 14px 30px var(--cyan-glow)}
.btn-outline{background:#fff;color:var(--purple);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:#fff}
.btn-google{background:#fff;color:#182740;border:1.5px solid var(--border);font-family:var(--font-display);font-weight:700}
.btn-google:hover{border-color:#c9d3e0;box-shadow:0 6px 16px rgba(24,39,64,.08)}

/* divider */
.auth-divider{color:var(--text-muted)}
.auth-divider::before,.auth-divider::after{border-color:var(--border)}

/* toast notifikasi (tema terang) */
.toast{background:#fff;border:1px solid var(--border);box-shadow:0 18px 44px rgba(24,39,64,.16)}
.toast-title{color:var(--text-primary);font-weight:800}
.toast-msg{color:var(--text-secondary)}

/* link lupa password */
.auth-forgot{font-size:13px;font-weight:600;color:var(--cyan)}
.auth-forgot:hover{color:var(--cyan-dim);text-decoration:underline}

/* link kembali */
.auth-back{display:block;text-align:center;margin-top:22px;font-size:14px;color:var(--text-secondary)}
.auth-back:hover{color:var(--cyan)}

html{color-scheme:light}
.form-input option{background:#fff;color:var(--text-primary)}