.auth-neon,.account-page{position:relative;isolation:isolate}.auth-neon:before,.account-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(43,229,255,.08),transparent 30%),radial-gradient(circle at 82% 30%,rgba(255,66,190,.07),transparent 28%);z-index:-1}.auth-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.05fr);gap:26px;align-items:stretch}.auth-brand,.auth-card,.signup-card,.profile-polish-card{border:1px solid rgba(119,223,243,.18);background:linear-gradient(180deg,rgba(9,22,34,.94),rgba(5,13,22,.94));box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:28px}.auth-brand{min-height:520px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.auth-brand:before{content:"RN";position:absolute;inset:34px 34px auto auto;font-family:Montserrat,sans-serif;font-size:clamp(88px,13vw,160px);font-weight:800;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:2px rgba(95,238,255,.82);text-shadow:0 0 10px rgba(95,238,255,.38),0 0 28px rgba(255,74,193,.18);opacity:.92}.auth-brand:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;top:80px;left:40px;background:radial-gradient(circle,rgba(255,73,194,.16),transparent 68%);filter:blur(6px)}.auth-brand img{display:none}.auth-brand h1{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 10px;max-width:560px}.auth-brand p{font-size:1.02rem;line-height:1.9;max-width:470px;color:#adc0cd}.auth-card{padding:34px}.auth-card h2,.signup-card h1{margin-top:8px}.auth-card form{display:grid;gap:15px}.auth-card .field{margin:0}.auth-card input,.auth-card select,.signup-card input,.signup-card select,.profile-polish-card input,.profile-polish-card select,.profile-polish-card textarea{min-height:48px;border-radius:14px;background:rgba(4,13,22,.9);border:1px solid rgba(120,183,205,.24);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-card input:focus,.auth-card select:focus,.signup-card input:focus,.signup-card select:focus,.profile-polish-card input:focus,.profile-polish-card select:focus,.profile-polish-card textarea:focus{border-color:rgba(76,234,255,.74);box-shadow:0 0 0 3px rgba(76,234,255,.09);background:#071521}.auth-card .btn.primary,.signup-card .btn.primary,.profile-polish-card .btn.primary{min-height:50px;border-radius:14px}.login-help-box{border-radius:18px;padding:16px 18px;background:rgba(10,30,44,.62);border:1px solid rgba(106,213,235,.14)}.auth-links{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(121,182,201,.12)}.signup-page .container.narrow{max-width:820px}.signup-card{padding:36px}.signup-heading{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(119,202,221,.14)}.signup-heading p{max-width:650px;line-height:1.9}.signup-card form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.signup-card .field{margin:0}.signup-card .field[data-field-name="customer_type"],.signup-card .field[data-field-name="username"],.signup-card .field[data-field-name="password1"],.signup-card .field[data-field-name="password2"],.signup-card .btn.wide,.signup-card .error{grid-column:1/-1}.signup-card .field[data-field-name="customer_type"] select{font-weight:700}.account-shell{display:grid;gap:22px}.account-hero{position:relative;overflow:hidden;padding:28px 30px;border-radius:28px;border:1px solid rgba(91,220,241,.18);background:linear-gradient(135deg,rgba(8,24,37,.96),rgba(7,16,28,.96));box-shadow:0 24px 65px rgba(0,0,0,.24)}.account-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-80px;top:-100px;background:radial-gradient(circle,rgba(255,70,190,.16),transparent 68%);pointer-events:none}.account-hero h1{font-size:clamp(2rem,4vw,3rem);margin:6px 0}.account-hero p{margin:0;color:#9eb4c2}.account-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.account-overview{display:grid;grid-template-columns:1.45fr .7fr .7fr;gap:14px}.account-coin-card,.account-stat,.account-orders-card{border:1px solid rgba(112,203,223,.16);background:linear-gradient(180deg,rgba(8,21,33,.94),rgba(5,14,23,.94));box-shadow:0 18px 46px rgba(0,0,0,.19)}.account-coin-card{border-radius:24px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.account-coin-card .coin-symbol{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,189,61,.09);color:#ffd36b;border:1px solid rgba(255,211,107,.18);font-size:1.35rem}.account-coin-card strong{font-size:1.65rem}.account-stat{border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:center}.account-stat strong{font-size:2rem;color:#e8fbff;margin:4px 0}.account-orders-card{border-radius:24px;padding:22px}.account-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.account-order-day{border:1px solid rgba(112,188,211,.14);border-radius:18px;background:rgba(4,13,22,.54);overflow:hidden}.account-order-day+ .account-order-day{margin-top:10px}.account-order-day summary{padding:15px 17px;cursor:pointer}.account-order-row{border-radius:14px;margin:7px 10px;padding:10px 12px;background:rgba(8,22,34,.68);transition:transform .16s ease,border-color .16s ease,background .16s ease;border:1px solid transparent}.account-order-row:hover{transform:translateY(-1px);background:rgba(11,29,44,.9);border-color:rgba(80,228,250,.2)}.profile-polish-card{padding:30px;max-width:760px;margin:auto}.profile-polish-card .profile-polish-head{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(119,194,215,.14)}.profile-polish-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.08em;color:#c8fbff;border:1px solid rgba(91,231,248,.32);box-shadow:inset 0 0 18px rgba(58,213,236,.08),0 0 22px rgba(58,213,236,.08)}.profile-polish-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-polish-card .field{margin:0}.profile-polish-card .btn.wide{grid-column:1/-1}.profile-polish-card textarea{min-height:110px}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;width:min(100% - 22px,620px)}.auth-brand{min-height:250px;padding:28px}.auth-brand:before{font-size:100px;top:20px}.signup-card form,.profile-polish-card form{grid-template-columns:1fr}.signup-card .field,.profile-polish-card .field,.signup-card .btn.wide,.profile-polish-card .btn.wide{grid-column:auto}.account-overview{grid-template-columns:1fr 1fr}.account-coin-card{grid-column:1/-1}}@media(max-width:560px){.auth-neon{padding-top:18px}.auth-card,.signup-card,.profile-polish-card{padding:22px;border-radius:22px}.auth-brand{min-height:220px;border-radius:22px}.auth-brand:before{font-size:82px}.auth-links{align-items:flex-start;flex-direction:column}.account-hero{padding:22px;border-radius:22px}.account-actions .btn,.account-actions form,.account-actions form .btn{width:100%}.account-overview{grid-template-columns:1fr}.account-coin-card{grid-template-columns:auto 1fr}.account-coin-card .btn{grid-column:1/-1;width:100%}.account-stat{min-height:110px}.account-card-head{flex-direction:column}.account-card-head .btn{width:100%}}

/* Authentication fields also include Django's recovery and OTP forms. */
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card select,.auth-card textarea{
  color:#f2f8ff;caret-color:#50eaff;font:inherit;padding:12px 14px;
  color-scheme:dark;
}
.auth-card input::placeholder,.auth-card textarea::placeholder{color:#92a6b7;opacity:1}
.auth-card input:-webkit-autofill{
  -webkit-text-fill-color:#f2f8ff;
  -webkit-box-shadow:0 0 0 1000px #071521 inset;
  caret-color:#50eaff;
}
.recovery-card{width:100%;max-width:620px;margin-inline:auto}
.recovery-card h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.5;margin:14px 0}
.recovery-card>p{color:#b6c6d3;line-height:1.95;margin:0 0 24px}
.recovery-form .field{display:grid;gap:9px;min-width:0}
.recovery-form input{width:100%;min-width:0;box-sizing:border-box;text-align:left}
.recovery-form small{font-size:.8rem;line-height:1.9}
.recovery-errors{padding:12px 14px;border:1px solid rgba(255,113,138,.3);border-radius:12px;background:rgba(255,113,138,.06)}
.recovery-errors ul{margin:0;padding-inline-start:18px}
.recovery-back{display:block;margin-top:20px;text-align:center;color:#8cecf5}
@media(max-width:600px){.recovery-card{padding:24px 18px}.recovery-card .login-help-box{padding:14px}.recovery-form .btn{width:100%}}