/* ═══════════════════════════════════════
   CnX Auth — Shared Stylesheet
   style.css
   ═══════════════════════════════════════ */

:root{
  --ac:#FF7D1F;--ac-dk:#E56A10;--ac-lt:#FF9A4D;--ac-pale:#FFF3E8;
  --blue:#0052CC;--blue-lt:#E8F0FE;
  --green:#00C853;--green-lt:#E6F9EE;--green-dk:#00923D;
  --red:#FF3D00;--red-lt:#FFEBE5;
  --yellow:#FFC400;--yellow-lt:#FFF8E1;
  --charcoal:#2A2A2A;--charcoal2:#404040;--white:#FFFFFF;--off:#F8F9FA;
  --surface:#F8F8F8;--border:#E4E8EC;--muted:#7B8794;--text:#333333;--text-light:#666;
  --ff:'Plus Jakarta Sans',system-ui,sans-serif;--mn:'IBM Plex Mono',monospace;
  --r:10px;--r-lg:20px;
  --ease:cubic-bezier(0.4,0,0.2,1);--t:0.32s var(--ease);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff);color:var(--text);background:var(--off);overflow-x:hidden;min-height:100vh}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ═══════════════ NAV ═══════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(0,0,0,0.08)}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:center}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:6px}

/* ═══════════════ LOGO (base64 inline image placeholder) ═══════════════ */

.auth-card::before{
  content:'';
  display:block;
  width:220px;
  height:28px;
  /*background:url('data:image/png;base64,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 ZZqm XZguvkn+tFgYn+c8bAuWjQUL71V+amxlaaxt+9VJv5g23OVqRVa4c5dQ3X7q+Ix+Y9+stzVb2VSOeiPT5jT3/LO4ZVtW6rr3k2q3G3sq2oLXPRbWMECyrTnfIGzqhcb2ZVlNyrVCm32yZ5G8JMBWr0mrymhcWWK3VWN0b8JEXixoGU+F2bJjnAAAAABJRU5ErkJggg==') center/contain no-repeat;
  */
  background:url('../images/logo.png')center/contain no-repeat;
  }

/* Nav logo — scoped to nav only */
.nav-inner .nav-logo::before{
  margin:0;
}

/* Auth card logo — above the card title */
.auth-card::before{
  margin:0 auto 20px;
}

/* ═══════════════ LAYOUT ═══════════════ */
.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 24px 40px}
.auth-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,0.06);width:100%;max-width:480px;padding:40px 36px;position:relative}
.auth-card.wide{max-width:720px}
.auth-card.extra-wide{max-width:900px}

/* ═══════════════ TYPOGRAPHY ═══════════════ */
.auth-title{font-size:1.6rem;font-weight:900;letter-spacing:-0.03em;color:var(--charcoal);margin-bottom:6px}
.auth-subtitle{font-size:0.9rem;color:var(--muted);line-height:1.6;margin-bottom:28px}
.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;font-size:0.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-footer{text-align:center;margin-top:24px;font-size:0.84rem;color:var(--muted)}
.auth-footer a{color:var(--ac);font-weight:700;cursor:pointer}
.auth-footer a:hover{text-decoration:underline}

/* ═══════════════ FORMS ═══════════════ */
.form-group{margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-label{display:block;font-size:0.78rem;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:0.01em}
.form-label .req,.req{color:var(--red);margin-left:2px}
.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--r);font-size:0.9rem;font-family:var(--ff);color:var(--text);outline:none;transition:border-color 0.2s,box-shadow 0.2s;background:var(--white)}
.form-input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,125,31,0.1)}
.form-input.error{border-color:var(--red);background:var(--red-lt)}
.form-input::placeholder{color:var(--muted);font-weight:400}
.form-error{font-size:0.74rem;color:var(--red);font-weight:600;margin-top:5px;display:none}
.form-error.show{display:block}
.form-hint{font-size:0.72rem;color:var(--muted);margin-top:5px}
select.form-input{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237B8794' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}

/* Password visibility toggle */
.pw-wrap{position:relative}
.pw-wrap .form-input{padding-right:44px}
.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex;align-items:center;justify-content:center}
.pw-toggle:hover{color:var(--text)}

/* ═══════════════ BUTTONS ═══════════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--r);font-family:var(--ff);font-size:0.88rem;font-weight:700;letter-spacing:0.01em;cursor:pointer;border:none;transition:var(--t);width:100%}
.btn-ac{background:var(--ac);color:var(--white)}
.btn-ac:hover{background:var(--ac-dk);transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,125,31,0.3)}
.btn-ac:disabled{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn-outline{background:var(--white);color:var(--text);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--charcoal);color:var(--charcoal)}
.btn-google{background:var(--white);color:var(--text);border:1.5px solid var(--border);font-weight:600}
.btn-google:hover{border-color:var(--charcoal);background:var(--off);transform:translateY(-1px)}
.btn-google svg{flex-shrink:0}
.btn-back{background:none;border:none;color:var(--muted);font-family:var(--ff);font-size:0.84rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;transition:color 0.2s}
.btn-back:hover{color:var(--text)}
.btn-row{display:flex;gap:12px;margin-top:8px}
.btn-row .btn{flex:1}

/* ═══════════════ STEPPER ═══════════════ */
.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}
.step{display:flex;align-items:center;gap:0}
.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:800;border:2px solid var(--border);color:var(--muted);background:var(--white);transition:var(--t);flex-shrink:0}
.step.active .step-dot{background:var(--ac);border-color:var(--ac);color:var(--white)}
.step.done .step-dot{background:var(--green);border-color:var(--green);color:var(--white)}
.step-line{width:32px;height:2px;background:var(--border);transition:background 0.3s}
.step.done+.step-line,.step.done .step-line{background:var(--green)}
.step-label{display:none}

/* ═══════════════ OTP CODE INPUT ═══════════════ */
.otp-wrap{display:flex;gap:10px;justify-content:center;margin:28px 0}
.otp-input{width:48px;height:56px;border:2px solid var(--border);border-radius:var(--r);text-align:center;font-size:1.4rem;font-weight:800;font-family:var(--mn);color:var(--charcoal);outline:none;transition:border-color 0.2s}
.otp-input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,125,31,0.1)}
.otp-input.filled{border-color:var(--green);background:var(--green-lt)}

/* ═══════════════ PAYMENT / SUCCESS ═══════════════ */
.pay-summary{background:var(--off);border-radius:var(--r);padding:20px;margin-bottom:24px;border:1px solid var(--border)}
.pay-row{display:flex;justify-content:space-between;align-items:center;font-size:0.88rem;color:var(--text);padding:6px 0}
.pay-row.total{font-weight:800;font-size:1rem;border-top:2px solid var(--border);margin-top:8px;padding-top:12px}
.pay-row .pay-label{color:var(--muted);font-weight:500}
.pay-row.total .pay-label{color:var(--charcoal)}
.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.success-icon{width:72px;height:72px;border-radius:50%;background:var(--green-lt);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--green)}
.success-title{font-size:1.6rem;font-weight:900;color:var(--charcoal);text-align:center;margin-bottom:8px;letter-spacing:-0.03em}
.success-sub{font-size:0.92rem;color:var(--muted);text-align:center;line-height:1.7;margin-bottom:32px}
.success-details{background:var(--off);border-radius:var(--r);padding:20px;margin-bottom:28px;border:1px solid var(--border)}
.success-details-row{display:flex;justify-content:space-between;padding:6px 0;font-size:0.86rem}
.success-details-row .sdl{color:var(--muted);font-weight:500}
.success-details-row .sdv{color:var(--charcoal);font-weight:700}

/* ═══════════════ NOTIFICATION ═══════════════ */
#pub-notify{display:none;position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:11px;font-weight:600;z-index:10002;box-shadow:0 4px 24px rgba(0,0,0,.18);align-items:center;gap:8px;min-width:260px;max-width:480px;animation:notifyIn .25s ease}
#pub-notify.success{background:#065f46;color:#fff}
#pub-notify.info{background:#1e40af;color:#fff}
#pub-notify.warn{background:#92400e;color:#fff}
#pub-notify.error{background:#991b1b;color:#fff}
.notify-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.notify-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:16px;cursor:pointer;padding:0 0 0 8px;line-height:1}
.notify-close:hover{color:#fff}
.notify-progress{position:absolute;bottom:0;left:0;height:2px;background:rgba(255,255,255,.3);border-radius:0 0 10px 10px;animation:notifyProg 3.5s linear forwards}
.spin-icon{animation:spin 1s linear infinite}

/* ═══════════════ CALCULATOR ═══════════════ */
.calc-section{margin-bottom:24px}
.calc-section:last-child{margin-bottom:0}
.calc-label{font-size:0.72rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.calc-modules{display:flex;flex-direction:column;gap:10px}
.calc-mod{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--r);border:1.5px solid var(--border);cursor:pointer;transition:var(--t);user-select:none}
.calc-mod:hover{border-color:var(--ac)}
.calc-mod.selected{border-color:var(--ac);background:var(--ac-pale)}
.calc-mod-name{font-size:0.88rem;font-weight:700;color:var(--text)}
.calc-mod-tag{font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);padding:2px 8px;border-radius:4px;background:var(--surface)}
.calc-mod-tag.active-tag{background:rgba(0,200,83,0.12);color:var(--green)}
.calc-mod-check{width:20px;height:20px;border-radius:5px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:transparent;transition:var(--t);flex-shrink:0}
.calc-mod.selected .calc-mod-check{background:var(--ac);border-color:var(--ac);color:var(--white)}
.calc-slider-wrap{margin-top:4px}
.calc-slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.calc-user-count{font-size:1.6rem;font-weight:900;color:var(--charcoal);font-family:var(--mn)}
.calc-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;background:linear-gradient(to right,var(--ac) 0%,var(--ac) 0%,var(--border) 0%);outline:none;cursor:pointer}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ac);cursor:pointer;box-shadow:0 2px 8px rgba(255,125,31,0.35)}
.calc-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ac);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(255,125,31,0.35)}
.calc-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:0.62rem;color:var(--muted);font-family:var(--mn);font-weight:500}
.calc-result{background:var(--charcoal);border-radius:var(--r);padding:20px;text-align:center;margin-top:8px}
.calc-result-label{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:4px}
.calc-result-price{font-size:2.2rem;font-weight:900;color:var(--white);letter-spacing:-0.03em;font-family:var(--mn)}
.calc-result-price sup{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.4)}
.calc-result-note{font-size:0.72rem;color:rgba(255,255,255,0.35);margin-top:4px}

/* ═══════════════ ANIMATIONS ═══════════════ */
@keyframes notifyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes notifyProg{from{width:100%}to{width:0}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:640px){
  .auth-wrap{padding:88px 16px 32px}
  .auth-card{padding:28px 22px}
  .auth-card.wide,.auth-card.extra-wide{max-width:100%}
  .form-row{grid-template-columns:1fr}
  .otp-input{width:40px;height:48px;font-size:1.1rem}
  .card-fields{grid-template-columns:1fr}
  .stepper{gap:0}
  .step-line{width:20px}
}