
/* 89.6 — Pricing + authentication / WOW V2 Premium Sport */
:root{
 --pa896-orange:#ff5b16;
 --pa896-bg:#070d12;
 --pa896-card:#0d151d;
 --pa896-card2:#111b24;
 --pa896-text:#f6f8fa;
 --pa896-muted:#a7b1bb;
 --pa896-line:rgba(255,91,22,.24);
}
*{box-sizing:border-box}
body.cr-pricing-896,
body.cr-auth-896,
body.cr-commerce-896{margin:0;background:var(--pa896-bg);color:var(--pa896-text)}
.cr-pricing-896 .cr-site-header,
.cr-auth-896 .cr-site-header,
.cr-commerce-896 .cr-site-header{
 position:absolute;top:0;left:0;right:0;z-index:40;
 background:linear-gradient(180deg,rgba(5,9,13,.95),rgba(5,9,13,.50),transparent);
 border-bottom:0;box-shadow:none;backdrop-filter:none
}
.cr-pricing-896 .cr-brand-name,
.cr-auth-896 .cr-brand-name,
.cr-commerce-896 .cr-brand-name{color:#fff}
.cr-pricing-896 .cr-nav-link,.cr-pricing-896 .cr-nav-account,
.cr-auth-896 .cr-nav-link,.cr-auth-896 .cr-nav-account,
.cr-commerce-896 .cr-nav-link,.cr-commerce-896 .cr-nav-account{color:#d3d9df}
.cr-pricing-896 .cr-language,
.cr-auth-896 .cr-language,
.cr-commerce-896 .cr-language{
 display:flex;padding:3px;border:1px solid rgba(255,91,22,.30);
 background:rgba(5,9,13,.72);backdrop-filter:blur(8px)
}
.cr-pricing-896 .cr-language a,
.cr-auth-896 .cr-language a,
.cr-commerce-896 .cr-language a{min-width:31px;height:29px;padding:0 7px;color:#c0c8d0;font-size:13px}
.cr-pricing-896 .cr-language a.is-active,
.cr-auth-896 .cr-language a.is-active,
.cr-commerce-896 .cr-language a.is-active{background:linear-gradient(135deg,#ff4e0b,#ff6d23);color:#fff}

/* Pricing */
.pricing-shell{width:min(1180px,calc(100% - 42px));margin:0 auto}
.pricing-kicker{color:var(--pa896-orange);font-size:13.5px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.pricing-hero{
 position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden;
 border-bottom:1px solid var(--pa896-line);background:#05090d
}
.pricing-hero::before{
 content:"";position:absolute;inset:0;background:url('auth89/pricing.jpg') center 52%/cover no-repeat
}
.pricing-hero::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.97),rgba(5,9,13,.80) 45%,rgba(5,9,13,.18)),
            linear-gradient(180deg,rgba(0,0,0,.04),transparent 58%,#070d12)
}
.pricing-hero-grid{
 position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .55fr;gap:40px;align-items:end;
 padding:150px 0 70px
}
.pricing-hero h1{
 max-width:790px;margin:8px 0 14px;font-size:clamp(58px,6.6vw,88px);line-height:.91;letter-spacing:-.065em
}
.pricing-hero p{max-width:620px;margin:0;color:#c5cdd5;font-size:15px;line-height:1.6}
.pricing-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pricing-btn{
 min-height:46px;display:inline-flex;align-items:center;justify-content:center;
 padding:0 17px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:900
}
.pricing-btn-primary{color:#fff;background:linear-gradient(135deg,#ff4e0b,#ff6e24);box-shadow:0 10px 28px rgba(255,82,14,.24)}
.pricing-btn-secondary,.pricing-btn-dark{color:#fff;border:1px solid rgba(255,255,255,.16);background:#111920}
.pricing-hero-panel{
 justify-self:end;width:100%;max-width:270px;padding:20px;border:1px solid rgba(255,91,22,.28);
 border-radius:15px;background:rgba(7,13,18,.72);backdrop-filter:blur(9px)
}
.pricing-hero-panel span{display:block;color:var(--pa896-orange);font-size:13px;font-weight:950}
.pricing-hero-panel strong{display:block;margin-top:5px;font-size:28px}
.pricing-hero-panel small{display:block;margin-top:6px;color:#9da8b2;font-size:13px}
.pricing-section{padding:80px 0;background:radial-gradient(circle at 0 100%,rgba(255,91,22,.08),transparent 22%),#080e14}
.pricing-heading{max-width:790px;margin-bottom:25px}
.pricing-heading.compact{margin-top:52px}
.pricing-heading h2{margin:6px 0 0;font-size:clamp(38px,4.6vw,58px);line-height:.97;letter-spacing:-.052em}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.pricing-card{
 position:relative;padding:23px;border:1px solid rgba(255,255,255,.09);
 border-radius:15px;background:linear-gradient(180deg,#0f1820,#0a1118);box-shadow:0 20px 50px rgba(0,0,0,.14)
}
.pricing-card.is-featured{border-color:rgba(255,91,22,.65);box-shadow:0 20px 50px rgba(255,91,22,.08)}
.pricing-badge{
 position:absolute;right:14px;top:14px;padding:6px 8px;border-radius:999px;
 background:var(--pa896-orange);color:#fff;font-size:12px;font-weight:950
}
.pricing-card-head{display:flex;align-items:center;gap:10px}
.pricing-card-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(255,91,22,.1)}
.pricing-card-head small{color:#7f8b96;font-size:12px;font-weight:950}
.pricing-card-head h3{margin:3px 0 0;font-size:20px}
.pricing-price{margin-top:24px;color:#fff;font-size:38px;font-weight:950;letter-spacing:-.04em}
.pricing-price small{display:block;margin-top:3px;color:#8995a0;font-size:13px;font-weight:500}
.pricing-ai{
 display:flex;align-items:center;gap:8px;margin-top:15px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#091118
}
.pricing-ai strong{color:var(--pa896-orange);font-size:17px}
.pricing-ai small{color:#9ca7b1;font-size:13px}
.pricing-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}
.pricing-card li{color:#c9d0d7;font-size:13px}
.pricing-card li span{color:var(--pa896-orange);margin-right:7px}
.pricing-card .pricing-btn{width:100%}
.pricing-alert,.pricing-empty{
 padding:18px;border:1px solid rgba(255,91,22,.22);border-radius:12px;background:#0d151d;color:#cbd2d9
}
.pricing-empty{text-align:center}
.pricing-table-scroll{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0d151d}
.pricing-table{width:100%;border-collapse:collapse;min-width:700px}
.pricing-table th,.pricing-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);color:#b9c2cb;font-size:13px;text-align:center}
.pricing-table th:first-child,.pricing-table td:first-child{text-align:left}
.pricing-table th{color:#fff;background:#101a23}
.pricing-table td.yes{color:#7bd88f}.pricing-table td.no{color:#68737e}
.pricing-faq{padding:72px 0;background:#070d12;border-top:1px solid rgba(255,91,22,.17)}
.pricing-faq-grid{display:grid;gap:8px;max-width:850px}
.pricing-faq details{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0d151d}
.pricing-faq summary{cursor:pointer;padding:15px;color:#fff;font-size:13.5px;font-weight:850}
.pricing-faq p{margin:0;padding:0 15px 15px;color:#a6b0ba;font-size:13px;line-height:1.55}

/* Auth pages — keep security logic, completely new visual shell */
.auth-shell{
 position:relative;min-height:100vh;padding:120px 20px 70px;display:flex;align-items:center;justify-content:center;
 overflow:hidden;background:#070d12
}
.auth-shell::before{
 content:"";position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat
}
.cr-auth-register .auth-shell::before{background-image:url('auth89/register.jpg')}
.cr-auth-login .auth-shell::before{background-image:url('auth89/login.jpg')}
.cr-auth-forgot .auth-shell::before{background-image:url('auth89/forgot.jpg')}
.cr-auth-reset .auth-shell::before{background-image:url('auth89/reset.jpg')}
.cr-auth-verify .auth-shell::before{background-image:url('auth89/verify.jpg')}
.auth-shell::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.92),rgba(5,9,13,.64) 48%,rgba(5,9,13,.76)),
            linear-gradient(180deg,rgba(0,0,0,.05),transparent 60%,#070d12)
}
.auth-grid{
 position:relative;z-index:2;width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .78fr;
 gap:20px;align-items:stretch
}
.auth-story,.auth-card{
 min-height:560px;border:1px solid rgba(255,255,255,.09);border-radius:18px;
 box-shadow:0 25px 70px rgba(0,0,0,.22)
}
.auth-story{
 display:flex;flex-direction:column;justify-content:end;padding:36px;
 background:linear-gradient(180deg,rgba(8,14,20,.20),rgba(8,14,20,.82));
 backdrop-filter:blur(3px)
}
.auth-kicker{color:var(--pa896-orange);font-size:13px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.auth-story h1{margin:8px 0 12px;color:#fff;font-size:clamp(42px,5vw,64px);line-height:.94;letter-spacing:-.055em}
.auth-story>p{max-width:560px;margin:0;color:#c7cfd7;font-size:13px;line-height:1.62}
.auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px}
.auth-benefit{
 min-height:46px;display:flex;align-items:center;gap:8px;padding:9px 10px;
 border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(7,13,18,.55);
 color:#d1d7de;font-size:13px
}
.auth-benefit b{color:var(--pa896-orange)}
.auth-card{
 align-self:center;min-height:0;padding:28px;background:rgba(10,17,24,.94);backdrop-filter:blur(11px);
 border-color:rgba(255,91,22,.23)
}
.auth-card h2{margin:0;color:#fff;font-size:26px;letter-spacing:-.025em}
.auth-subtitle{margin:7px 0 0;color:#99a4ae;font-size:13px;line-height:1.5}
.auth-card form{margin-top:21px}
.auth-field{margin-top:14px}
.auth-field label{display:block;margin-bottom:6px;color:#aeb7c1;font-size:13px;font-weight:850}
.auth-field input,.auth-field select{
 width:100%;height:49px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:9px;
 background:#071018;color:#fff;font:inherit;font-size:14px;outline:none
}
.auth-field input:focus,.auth-field select:focus{border-color:rgba(255,91,22,.75);box-shadow:0 0 0 3px rgba(255,91,22,.08)}
.auth-submit{
 width:100%;min-height:49px;margin-top:19px;border:0;border-radius:9px;cursor:pointer;
 background:linear-gradient(135deg,#ff4e0b,#ff6e24);color:#fff;font:inherit;font-size:14px;font-weight:950;
 box-shadow:0 10px 28px rgba(255,82,14,.22)
}
.auth-alert{margin-top:15px;padding:11px 12px;border-radius:9px;font-size:13px;line-height:1.5}
.auth-alert.error{border:1px solid rgba(226,91,80,.32);background:rgba(174,54,46,.11);color:#ffc5c0}
.auth-alert.info{border:1px solid rgba(78,169,102,.28);background:rgba(58,139,80,.11);color:#c8f2d2}
.auth-alert a{color:#fff}
.auth-switch,.auth-links,.auth-divider,.auth-fine,.auth-mini{color:#86929d;font-size:13px}
.auth-switch{margin-top:17px;text-align:center}
.auth-switch a,.auth-links a{color:#fff;text-decoration:none}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.auth-divider{margin:18px 0;text-align:center}
.auth-divider::before,.auth-divider::after{content:"";display:inline-block;width:28%;height:1px;background:rgba(255,255,255,.08);vertical-align:middle;margin:0 8px}
.email67-success-icon{
 width:70px;height:70px;display:grid;place-items:center;margin:22px auto;border-radius:50%;
 background:rgba(255,91,22,.12);color:var(--pa896-orange);font-size:32px;font-weight:950
}

/* Commerce / verification pages using existing db-* markup */
.cr-commerce-896 .db-shell{
 position:relative;min-height:100vh;padding:135px max(20px,calc((100% - 1180px)/2)) 72px;
 background:#070d12;overflow:hidden
}
.cr-commerce-896 .db-shell::before{
 content:"";position:absolute;left:0;right:0;top:0;height:620px;background-size:cover;background-position:center;opacity:.68
}
.cr-commerce-resend .db-shell::before{background-image:url('auth89/resend.jpg')}
.cr-commerce-subscribe .db-shell::before{background-image:url('auth89/subscribe.jpg')}
.cr-commerce-success .db-shell::before{background-image:url('auth89/success.jpg')}
.cr-commerce-896 .db-shell::after{
 content:"";position:absolute;left:0;right:0;top:0;height:650px;
 background:linear-gradient(90deg,rgba(5,9,13,.97),rgba(5,9,13,.76) 55%,rgba(5,9,13,.22)),
            linear-gradient(180deg,rgba(0,0,0,.04),transparent 50%,#070d12)
}
.cr-commerce-896 .db-shell>*{position:relative;z-index:2}
.cr-commerce-896 .db-hero{
 min-height:390px;display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:end;
 padding:35px 0 48px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
.cr-commerce-896 .db-kicker,.cr-commerce-896 .db-eyebrow,.cr-commerce-896 .db-score-label{
 color:var(--pa896-orange);font-size:13px;font-weight:950;letter-spacing:.13em
}
.cr-commerce-896 .db-hero h1{
 margin:7px 0 12px;color:#fff;font-size:clamp(48px,5.8vw,76px);line-height:.93;letter-spacing:-.06em
}
.cr-commerce-896 .db-hero p{max-width:650px;margin:0;color:#c4ccd4;font-size:13px;line-height:1.6}
.cr-commerce-896 .db-hero-actions{display:flex;gap:9px;margin-top:20px}
.cr-commerce-896 .db-btn{
 min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:9px;
 border:1px solid rgba(255,255,255,.15);background:#101820;color:#fff;text-decoration:none;font-size:13px;font-weight:900
}
.cr-commerce-896 .db-btn-primary{border:0;background:linear-gradient(135deg,#ff4e0b,#ff6e24)}
.cr-commerce-896 .db-hero-score{
 padding:18px;border:1px solid rgba(255,91,22,.28);border-radius:14px;background:rgba(8,14,20,.76);backdrop-filter:blur(8px)
}
.cr-commerce-896 .db-score-status{margin-top:5px;color:#9fa9b3;font-size:13px;word-break:break-word}
.cr-commerce-896 .b80-mode,.cr-commerce-896 .b80-status,.cr-commerce-896 .email67-status{margin-top:7px;color:#fff;font-size:27px;font-weight:950}
.cr-commerce-896 .db-card{
 margin-top:14px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:14px;
 background:linear-gradient(180deg,#0e171f,#0a1118);color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.14)
}
.cr-commerce-896 .db-section-head h2{margin:5px 0 0;color:#fff}
.cr-commerce-896 .db-alert{
 margin-bottom:10px;padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#101820;color:#d5dce3;font-size:13px
}
.cr-commerce-896 .db-alert-danger{border-color:rgba(226,91,80,.32);background:rgba(174,54,46,.11)}
.cr-commerce-896 .db-alert-warning{border-color:rgba(255,171,64,.28);background:rgba(178,113,34,.09)}
.cr-commerce-896 .db-alert-success{border-color:rgba(78,169,102,.28);background:rgba(58,139,80,.10)}
.cr-commerce-896 .email67-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.cr-commerce-896 .email67-facts span{
 padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#091118;color:#9ba6b0;font-size:13px
}
.cr-commerce-896 .email67-facts b{display:block;color:#fff;font-size:14px}
.cr-commerce-896 .email67-form{margin-top:15px}
.cr-commerce-896 .b80-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.cr-commerce-896 .b80-plan-grid>article{
 padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#091118
}
.cr-commerce-896 .b80-plan-grid>article.selected{border-color:rgba(255,91,22,.65)}
.cr-commerce-896 .b80-plan-head{display:flex;gap:9px;align-items:center}
.cr-commerce-896 .b80-plan-head strong{display:block;color:#fff}
.cr-commerce-896 .b80-price{margin-top:18px;color:#fff;font-size:27px;font-weight:950}
.cr-commerce-896 .b80-price small{display:block;color:#88939e;font-size:12px}
.cr-commerce-896 .b80-plan-meta{display:grid;gap:5px;margin:12px 0;color:#9da8b2;font-size:13px}
.cr-commerce-896 .b80-full{width:100%}
.cr-commerce-896 .b80-return-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cr-commerce-896 .b80-return-grid span{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#091118}
.cr-commerce-896 .b80-return-grid small{display:block;color:#7e8a95;font-size:12px}
.cr-commerce-896 .b80-return-grid strong{display:block;margin-top:5px;color:#fff;font-size:13px;word-break:break-all}

/* Footer */
.cr-pricing-896 .cr-site-footer-v2,
.cr-auth-896 .cr-site-footer-v2,
.cr-commerce-896 .cr-site-footer-v2{margin-top:0;border-top:1px solid rgba(255,91,22,.20);background:#070d12}

@media(max-width:1050px){
 .cr-pricing-896 .cr-site-header,.cr-auth-896 .cr-site-header,.cr-commerce-896 .cr-site-header{position:sticky;background:#080d12}
 .pricing-hero-grid{grid-template-columns:1fr}
 .pricing-hero-panel{display:none}
 .pricing-grid{grid-template-columns:1fr 1fr}
 .auth-grid{grid-template-columns:1fr}
 .auth-story{min-height:360px}
 .cr-commerce-896 .db-hero{grid-template-columns:1fr}
 .cr-commerce-896 .db-hero-score{max-width:330px}
 .cr-commerce-896 .b80-plan-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .pricing-shell{width:calc(100% - 26px)}
 .pricing-hero{min-height:720px}
 .pricing-hero::after{background:linear-gradient(180deg,rgba(5,9,13,.12),rgba(5,9,13,.38) 37%,#070d12 81%,#070d12)}
 .pricing-hero-grid{padding:290px 0 56px}
 .pricing-hero h1{font-size:clamp(48px,14vw,68px)}
 .pricing-grid{grid-template-columns:1fr}
 .auth-shell{padding:24px 13px 50px;align-items:flex-start}
 .auth-grid{margin-top:20px}
 .auth-story{min-height:420px;padding:24px}
 .auth-card{padding:22px}
 .auth-benefits{grid-template-columns:1fr}
 .cr-commerce-896 .db-shell{padding:32px 13px 55px}
 .cr-commerce-896 .db-shell::before,.cr-commerce-896 .db-shell::after{height:600px}
 .cr-commerce-896 .db-hero{padding-top:230px}
 .cr-commerce-896 .b80-plan-grid{grid-template-columns:1fr}
 .cr-commerce-896 .b80-return-grid{grid-template-columns:1fr}
}
@media(max-width:470px){
 .pricing-hero-actions{display:grid}
 .pricing-btn{width:100%}
 .auth-story h1{font-size:42px}
 .auth-links{display:grid}
 .cr-commerce-896 .email67-facts{grid-template-columns:1fr}
 .cr-pricing-896 .cr-nav-actions .cr-nav-account,
 .cr-pricing-896 .cr-nav-actions>.cr-nav-cta,
 .cr-auth-896 .cr-nav-actions .cr-nav-account,
 .cr-auth-896 .cr-nav-actions>.cr-nav-cta,
 .cr-commerce-896 .cr-nav-actions .cr-nav-account,
 .cr-commerce-896 .cr-nav-actions>.cr-nav-cta{display:none}
}

/* =========================================================
   91.1.6 — AUTH / PRICING / COMMERCE READABILITY FINISH
   Comfortable 14–15 px microcopy + 16 px mobile form controls.
   ========================================================= */
.cr-pricing-896 .cr-language a,
.cr-auth-896 .cr-language a,
.cr-commerce-896 .cr-language a,
.pricing-kicker,
.pricing-hero-panel span,
.pricing-hero-panel small,
.pricing-badge,
.pricing-card-head small,
.pricing-price small,
.pricing-ai small,
.pricing-card li,
.pricing-table th,
.pricing-table td,
.pricing-faq summary,
.pricing-faq p{
  font-size:14px;
  line-height:1.45;
}

.auth-kicker,
.auth-benefit,
.auth-subtitle,
.auth-field label,
.auth-alert,
.auth-switch,
.auth-links,
.auth-divider,
.auth-fine,
.auth-mini{
  font-size:14px;
  line-height:1.5;
}
.auth-story>p{font-size:15px;line-height:1.65}
.auth-field input,.auth-field select{font-size:15px}

.cr-commerce-896 .db-kicker,
.cr-commerce-896 .db-eyebrow,
.cr-commerce-896 .db-score-label,
.cr-commerce-896 .db-score-status,
.cr-commerce-896 .db-btn,
.cr-commerce-896 .db-alert,
.cr-commerce-896 .email67-facts span,
.cr-commerce-896 .b80-price small,
.cr-commerce-896 .b80-plan-meta,
.cr-commerce-896 .b80-return-grid small,
.cr-commerce-896 .b80-return-grid strong{
  font-size:14px;
  line-height:1.5;
}
.cr-commerce-896 .db-hero p{font-size:15px;line-height:1.65}

.auth-benefit,
.auth-card,
.cr-commerce-896 .email67-facts span,
.cr-commerce-896 .b80-plan-grid>article,
.cr-commerce-896 .b80-return-grid span,
.pricing-card,
.pricing-table th,
.pricing-table td{
  min-width:0;
  overflow-wrap:anywhere;
}
.cr-commerce-896 .b80-plan-head>*{min-width:0}
.cr-commerce-896 .b80-return-grid strong{word-break:normal;overflow-wrap:anywhere}

@media(max-width:760px){
  .auth-field input,.auth-field select,
  .cr-commerce-896 input,
  .cr-commerce-896 select,
  .cr-commerce-896 textarea{
    font-size:16px!important;
  }
  .auth-card{padding:24px}
  .auth-story>p,.cr-commerce-896 .db-hero p{font-size:15px}
}

@media(max-width:470px){
  .auth-story h1{font-size:clamp(38px,12vw,44px);line-height:.96}
  .auth-links{gap:8px}
  .auth-links a{min-height:40px;display:flex;align-items:center}
  .pricing-card,.cr-commerce-896 .db-card{padding:18px}
}
