*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1121;color:#f7f8fb}.page{min-height:100vh;padding:28px 18px 70px}.wrap{max-width:980px;margin:0 auto}.auth-wrap{max-width:520px;margin:0 auto}.brand{display:flex;justify-content:center;margin:6px 0 26px}.brand img{height:62px;max-width:220px;object-fit:contain;border-radius:8px}.card{background:#162032;border:1px solid #ffffff14;border-radius:26px;padding:28px;box-shadow:0 24px 70px #0004}.top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.top h1,.card h1{margin:0 0 8px;font-size:30px}.muted{color:#a8b3c5;line-height:1.65}.field{margin:16px 0}label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.input{width:100%;border:1px solid #ffffff1a;background:#0b1121;color:#fff;border-radius:14px;padding:13px 14px;font-size:15px;outline:none}.input:focus{border-color:#ff6600;box-shadow:0 0 0 4px #ff660018}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 18px;font-weight:850;font-size:14px;text-decoration:none;cursor:pointer}.primary{background:#ff6600;color:#fff}.dark{background:#0b1121;color:#fff;border:1px solid #ffffff18}.green{background:#25D366;color:#fff}.error,.success,.notice{padding:13px 15px;border-radius:14px;margin:15px 0;line-height:1.55}.error{background:#ef44441a;border:1px solid #ef44444d;color:#fecaca}.success{background:#10b9811a;border:1px solid #10b9814d;color:#bbf7d0}.notice{background:#3b82f61a;border:1px solid #3b82f64d;color:#bfdbfe}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.split{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.split a{color:#ffb074;font-weight:750;text-decoration:none}.orders{display:grid;gap:14px;margin-top:20px}.order{border:1px solid #ffffff12;background:#0b112180;border-radius:19px;padding:18px}.order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.order-code{font-size:17px;font-weight:900}.order-title{font-size:17px;font-weight:850;margin:12px 0 4px}.meta{color:#a8b3c5;font-size:13px;line-height:1.65}.statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.status{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:850;font-size:12px}.good{background:#10b98122;color:#a7f3d0}.bad{background:#ef444422;color:#fecaca}.info{background:#3b82f622;color:#bfdbfe}.warn{background:#f59e0b22;color:#fde68a}.section{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff12}.section h2{margin:0 0 7px;font-size:20px}.empty{border:1px dashed #ffffff20;border-radius:18px;padding:22px;text-align:center;color:#a8b3c5;margin-top:16px}.small{font-size:12px}.account-info{display:grid;grid-template-columns:130px 1fr;gap:10px 14px;margin-top:15px}.account-info div:nth-child(odd){color:#a8b3c5}.back{color:#a8b3c5;text-decoration:none;font-weight:800}.back:hover{color:#ff6600}@media(max-width:650px){.card{padding:21px}.top,.order-head{flex-direction:column}.top h1,.card h1{font-size:26px}.account-info{grid-template-columns:1fr}.account-info div:nth-child(odd){margin-top:7px}.btn{width:100%}.actions{width:100%}}
.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.label-row label{margin:0}.forgot-link{color:#ffb074;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.forgot-link:hover{color:#ff6600}.security-note{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:12px 13px;border-radius:14px;background:#0b112180;border:1px solid #ffffff10;color:#a8b3c5;font-size:12px;line-height:1.55}.auth-link{display:inline-block;margin-top:18px;color:#ffb074;font-weight:800;text-decoration:none}.auth-link:hover{color:#ff6600}@media(max-width:420px){.label-row{align-items:flex-end}.forgot-link{font-size:11px}}

/* Affiliate, referral and wallet dashboard */
.ref-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.ref-stats>div{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:14px;background:rgba(127,127,127,.04)}.ref-stats span{display:block;font-size:12px;opacity:.7;margin-bottom:5px}.ref-stats strong{font-size:18px}.copy-row{display:flex;gap:8px;align-items:center;margin-top:6px}.copy-row .input{flex:1;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.mini-table{display:grid;gap:0;border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden}.mini-head,.mini-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;align-items:center;padding:11px 13px}.mini-head{font-size:12px;font-weight:800;opacity:.7;background:rgba(127,127,127,.08)}.mini-row{border-top:1px solid var(--line,#e5e7eb)}.mini-row small{display:block;opacity:.65;margin-top:3px}.money-plus{color:#16a34a}.money-minus{color:#dc2626}@media(max-width:720px){.ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.mini-head,.mini-row{grid-template-columns:1fr 1.5fr .8fr}.copy-row{align-items:stretch}.copy-row .btn{white-space:nowrap}}

/* Subscription, renewal and support center */
.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subscription-card{border:1px solid #ffffff12;background:#0b1121;border-radius:18px;padding:16px}.subscription-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.subscription-head>div{display:grid;gap:4px}.subscription-head small{color:#8fa0ba;line-height:1.45}.subscription-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.subscription-dates>div{padding:10px;border-radius:12px;background:#ffffff08;display:grid;gap:4px}.subscription-dates span{font-size:11px;color:#8fa0ba;text-transform:uppercase;letter-spacing:.06em}.subscription-dates strong{font-size:13px}.ticket-thread{display:grid;gap:12px;margin:16px 0}.ticket-message{border-radius:16px;padding:14px;border:1px solid #ffffff12;background:#0b1121}.ticket-message.mine{border-color:#ff660033;background:#ff66000d}.ticket-message.support{border-color:#10b98133;background:#10b9810b}.ticket-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px}.ticket-meta span{color:#8fa0ba}.ticket-message p{line-height:1.65;margin:10px 0;white-space:normal}.ticket-reply{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #ffffff0d}.warranty-note{margin:12px 0;padding:12px 14px;border-radius:14px;background:#f59e0b12;border:1px solid #f59e0b33;color:#fde68a;font-size:13px;line-height:1.55}@media(max-width:760px){.subscription-grid{grid-template-columns:1fr}.subscription-dates{grid-template-columns:1fr 1fr}.ticket-meta{flex-direction:column;gap:3px}}@media(max-width:420px){.subscription-dates{grid-template-columns:1fr}}

/* Customer security + password usability */
.password-wrap{position:relative}.password-wrap .input{padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#8fa0ba;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.password-toggle:hover,.password-toggle:focus-visible{background:#ffffff10;color:#ff9b55;outline:none}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-strength{margin-top:8px;color:#8fa0ba;font-size:11px}.password-strength>span{display:flex;gap:5px;margin-bottom:5px}.password-strength>span i,.password-strength>span:empty:before{content:"";display:block;height:4px;flex:1;border-radius:999px;background:#ffffff13}.password-strength>span:empty:before{width:100%}.password-strength.strength-0 i:nth-child(-n+1){background:#ef4444}.password-strength.strength-1 i:nth-child(-n+1){background:#ef4444}.password-strength.strength-2 i:nth-child(-n+2){background:#f59e0b}.password-strength.strength-3 i:nth-child(-n+3){background:#3b82f6}.password-strength.strength-4 i:nth-child(-n+4){background:#10b981}.auth-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.auth-benefit{border:1px solid #ffffff10;background:#0b112180;border-radius:14px;padding:11px;font-size:11px;line-height:1.45;color:#a8b3c5}.auth-benefit strong{display:block;color:#f7f8fb;font-size:12px;margin-bottom:3px}.des-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.security-inline{display:flex;align-items:flex-start;gap:9px;color:#8fa0ba;font-size:11px;line-height:1.55;margin:12px 0}.security-inline strong{color:#d6deea}.account-security-form{max-width:620px}.account-security-form .field{margin:13px 0}
@media(max-width:520px){.auth-benefits{grid-template-columns:1fr}.password-toggle{right:6px}}


/* CUSTOMER THEME SYNC 2026-09-02: scoped only to Account / Sign Up / Login via body.des-theme-sync */
html:not(.dark){color-scheme:light}
html:not(.dark) body.des-theme-sync{background:#f8f9fa;color:#111827}
html:not(.dark) body.des-theme-sync .card{background:#fff;border-color:#e5e7eb;box-shadow:0 24px 70px rgba(15,23,42,.10)}
html:not(.dark) body.des-theme-sync .muted,html:not(.dark) body.des-theme-sync .meta,html:not(.dark) body.des-theme-sync .back{color:#667085}
html:not(.dark) body.des-theme-sync .input{background:#fff;color:#111827;border-color:#d0d5dd}
html:not(.dark) body.des-theme-sync .input::placeholder{color:#98a2b3}
html:not(.dark) body.des-theme-sync .input:focus{border-color:#ff6600;box-shadow:0 0 0 4px rgba(255,102,0,.10)}
html:not(.dark) body.des-theme-sync .btn.dark{background:#fff;color:#111827;border-color:#d0d5dd}
html:not(.dark) body.des-theme-sync .btn.dark:hover{background:#f2f4f7}
html:not(.dark) body.des-theme-sync .error{background:#fef2f2;border-color:#fecaca;color:#b42318}
html:not(.dark) body.des-theme-sync .success{background:#ecfdf3;border-color:#abefc6;color:#067647}
html:not(.dark) body.des-theme-sync .notice{background:#eff8ff;border-color:#b2ddff;color:#175cd3}
html:not(.dark) body.des-theme-sync .order,html:not(.dark) body.des-theme-sync .subscription-card,html:not(.dark) body.des-theme-sync .ticket-message{background:#f9fafb;border-color:#e4e7ec}
html:not(.dark) body.des-theme-sync .good{background:#d1fadf;color:#067647}
html:not(.dark) body.des-theme-sync .bad{background:#fee4e2;color:#b42318}
html:not(.dark) body.des-theme-sync .info{background:#d1e9ff;color:#175cd3}
html:not(.dark) body.des-theme-sync .warn{background:#fef0c7;color:#93370d}
html:not(.dark) body.des-theme-sync .section,html:not(.dark) body.des-theme-sync .ticket-reply{border-color:#e4e7ec}
html:not(.dark) body.des-theme-sync .empty{border-color:#d0d5dd;color:#667085;background:#fcfcfd}
html:not(.dark) body.des-theme-sync .security-note,html:not(.dark) body.des-theme-sync .auth-benefit{background:#f9fafb;border-color:#e4e7ec;color:#667085}
html:not(.dark) body.des-theme-sync .auth-benefit strong{color:#111827}
html:not(.dark) body.des-theme-sync .subscription-head small,html:not(.dark) body.des-theme-sync .subscription-dates span,html:not(.dark) body.des-theme-sync .ticket-meta span,html:not(.dark) body.des-theme-sync .password-strength,html:not(.dark) body.des-theme-sync .security-inline{color:#667085}
html:not(.dark) body.des-theme-sync .subscription-dates>div{background:#f2f4f7}
html:not(.dark) body.des-theme-sync .ticket-message.mine{background:#fff6ed;border-color:#fedf89}
html:not(.dark) body.des-theme-sync .ticket-message.support{background:#ecfdf3;border-color:#abefc6}
html:not(.dark) body.des-theme-sync .warranty-note{background:#fffaeb;border-color:#fedf89;color:#93370d}
html:not(.dark) body.des-theme-sync .password-toggle{color:#667085}
html:not(.dark) body.des-theme-sync .password-toggle:hover,html:not(.dark) body.des-theme-sync .password-toggle:focus-visible{background:#f2f4f7;color:#ff6600}
html:not(.dark) body.des-theme-sync .password-strength>span i,html:not(.dark) body.des-theme-sync .password-strength>span:empty:before{background:#e4e7ec}
html:not(.dark) body.des-theme-sync .security-inline strong{color:#344054}
html:not(.dark) body.des-theme-sync .mini-table{border-color:#e4e7ec}
html:not(.dark) body.des-theme-sync .mini-row{border-color:#e4e7ec}
html:not(.dark) body.des-theme-sync .forgot-link,html:not(.dark) body.des-theme-sync .auth-link,html:not(.dark) body.des-theme-sync .split a{color:#c94f00}
html:not(.dark) body.des-theme-sync .forgot-link:hover,html:not(.dark) body.des-theme-sync .auth-link:hover,html:not(.dark) body.des-theme-sync .split a:hover{color:#ff6600}