/* 
   CAPITAL CLAIM SOLUTION  Professional Design System
   Version 2.0
 */

/*  Design Tokens  */
:root {
  --navy:        #0b1e35;
  --navy-deep:   #060d1a;
  --navy-mid:    #0f2846;
  --navy-light:  #1a3a5c;
  --navy-muted:  #1e3553;
  --gold:        #c8a44a;
  --gold-bright: #dab969;
  --gold-pale:   #f7f0e0;
  --gold-dark:   #a8872e;
  --white:       #ffffff;
  --surface:     #f8fafc;
  --surface-2:   #f1f5f9;
  --border:      rgba(11,30,53,.09);
  --border-gold: rgba(200,164,74,.22);
  --text-dark:   #0b1e35;
  --text-body:   #3a4d63;
  --text-muted:  #6b7e96;
  --text-light:  #9aafc6;
  --shadow-xs:   0 1px 3px rgba(11,30,53,.06), 0 1px 2px rgba(11,30,53,.04);
  --shadow-sm:   0 2px 8px rgba(11,30,53,.07), 0 1px 3px rgba(11,30,53,.05);
  --shadow-md:   0 8px 28px rgba(11,30,53,.10), 0 2px 8px rgba(11,30,53,.06);
  --shadow-lg:   0 20px 56px rgba(11,30,53,.13), 0 6px 20px rgba(11,30,53,.07);
  --shadow-xl:   0 32px 80px rgba(11,30,53,.18), 0 10px 32px rgba(11,30,53,.10);
  --shadow-gold: 0 8px 32px rgba(200,164,74,.28);
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-2xl: 40px;
  --text-xs:   .72rem;
  --text-sm:   .82rem;
  --text-base: .94rem;
  --text-md:   1.05rem;
  --text-lg:   1.2rem;
  --text-xl:   1.4rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-4xl:  3rem;
  --ease-out:    cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.4,0,.2,1);
}

/*  Reset  */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Outfit',sans-serif;color:var(--text-dark);background:var(--white);overflow-x:hidden;line-height:1.6}

/*  TOPBAR  */
.topbar{background:var(--navy-deep);padding:.55rem 5rem;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:rgba(255,255,255,.4);letter-spacing:.025em;border-bottom:1px solid rgba(255,255,255,.04)}
.topbar a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;display:flex;align-items:center}
.topbar a:hover{color:var(--gold)}
.topbar a:hover svg{fill:var(--gold)}
.topbar a svg{fill:rgba(255,255,255,.4);transition:fill .2s}
.tb-left,.tb-right{display:flex;gap:2.2rem;align-items:center}
.tb-item{display:flex;align-items:center;gap:.5rem}
.tb-icon{color:var(--gold);font-size:.82rem}
.tb-div{width:1px;height:13px;background:rgba(255,255,255,.1)}

/*  NAV  */
nav{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5rem;height:80px;transition:box-shadow .3s var(--ease-out),background .3s}
nav.scrolled{box-shadow:0 4px 24px rgba(11,30,53,.08);background:rgba(255,255,255,.99)}
.logo{display:flex;align-items:center;gap:.9rem;text-decoration:none}
.logo img{display:block;transition:opacity .25s}
.logo img:hover{opacity:.88}
.logo-emblem{width:44px;height:44px;border-radius:11px;background:var(--navy);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.logo-emblem::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,164,74,.4) 0%,transparent 60%)}
.logo-emblem svg{width:22px;height:22px;position:relative;z-index:1}
.logo-words{line-height:1.15}
.logo-words .l1{display:block;font-family:'Playfair Display',serif;font-size:1.08rem;font-weight:700;color:var(--navy);letter-spacing:.01em}
.logo-words .l2{display:block;font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:1px}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.855rem;font-weight:500;color:var(--text-body);text-decoration:none;letter-spacing:.005em;position:relative;padding:4px 0;transition:color .25s}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gold);transition:width .3s var(--ease-out)}
.nav-links a:hover{color:var(--navy)}
.nav-links a:hover::after{width:100%}
.btn-login{background:none;border:1.5px solid var(--border);color:var(--navy);padding:.55rem 1.25rem;border-radius:var(--r-sm);font-family:'Outfit',sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:.01em}
.btn-login:hover{border-color:var(--gold);color:var(--gold)}
.btn-nav{background:var(--navy)!important;color:var(--white)!important;padding:.6rem 1.5rem!important;border-radius:var(--r-sm)!important;font-weight:700!important;font-size:.84rem!important;letter-spacing:.05em!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important;align-items:center!important}
.btn-nav:hover{background:var(--gold)!important;color:var(--navy)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-gold)!important}
.btn-nav::after{display:none!important}
.nav-auth-area{display:flex;align-items:center;gap:.7rem}
.user-menu-wrap{position:relative}
.btn-user{display:flex;align-items:center;gap:.6rem;background:var(--navy);color:var(--white);border:none;border-radius:var(--r-sm);padding:.55rem 1.1rem .55rem .65rem;font-family:'Outfit',sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .25s}
.btn-user:hover{background:var(--gold);color:var(--navy)}
.user-avatar{width:28px;height:28px;border-radius:6px;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0}
.btn-user:hover .user-avatar{background:var(--navy);color:var(--gold)}
.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);width:224px;padding:.55rem;opacity:0;transform:translateY(6px);pointer-events:none;transition:all .25s var(--ease-out)}
.user-menu-wrap.open .user-dropdown{opacity:1;transform:translateY(0);pointer-events:all}
.user-name-block{padding:.75rem 1rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.4rem}
.user-name-block strong{display:block;font-size:.88rem;font-weight:700;color:var(--navy)}
.user-name-block span{font-size:.74rem;color:var(--text-muted)}
.dropdown-item{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:var(--r-sm);font-size:.84rem;color:var(--text-body);cursor:pointer;transition:all .2s;background:none;border:none;width:100%;font-family:'Outfit',sans-serif;text-align:left}
.dropdown-item:hover{background:var(--surface);color:var(--navy)}
.dropdown-item.red{color:#c0392b}
.dropdown-item.red:hover{background:#fff1f0}
.dropdown-item svg{flex-shrink:0;opacity:.65}

/*  HERO  */
.hero{min-height:90vh;background:var(--navy);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?q=85&w=2000&auto=format&fit=crop');background-size:cover;background-position:center top;opacity:.32;filter:brightness(.8) saturate(1.2)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(112deg,rgba(6,13,26,.97) 0%,rgba(11,22,46,.88) 45%,rgba(8,18,38,.68) 100%)}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 75% 38%,rgba(200,164,74,.09) 0%,transparent 65%),radial-gradient(ellipse 40% 55% at 12% 72%,rgba(200,164,74,.05) 0%,transparent 60%)}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(200,164,74,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,74,.04) 1px,transparent 1px);background-size:72px 72px}
.hero-left{position:relative;z-index:3;padding:7rem 4rem 7rem 5rem}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:rgba(200,164,74,.08);border:1px solid rgba(200,164,74,.2);color:var(--gold-bright);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.42rem 1.1rem;border-radius:100px;margin-bottom:2rem;animation:fadeUp .7s ease both}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:blink 2.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,4.8vw,4.2rem);font-weight:700;color:var(--white);line-height:1.06;letter-spacing:-.02em;animation:fadeUp .85s .08s ease both}
.hero h1 .accent{color:var(--gold);font-style:italic;font-weight:600}
.hero-rule{width:52px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.6rem 0;border-radius:2px;animation:fadeUp .9s .14s ease both}
.hero-tagline{font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:400;color:rgba(255,255,255,.65);line-height:1.7;max-width:480px;animation:fadeUp .95s .2s ease both}
.hero-btns{margin-top:2.6rem;display:flex;gap:1rem;align-items:center;animation:fadeUp 1s .28s ease both}
.btn-primary{background:var(--gold);color:var(--navy);padding:1rem 2.4rem;border-radius:var(--r-sm);font-weight:700;font-size:.92rem;letter-spacing:.04em;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;box-shadow:var(--shadow-gold);transition:all .28s var(--ease-out);border:none;cursor:pointer;font-family:'Outfit',sans-serif}
.btn-primary:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 14px 40px rgba(200,164,74,.38)}
.btn-ghost{background:transparent;color:rgba(255,255,255,.68);padding:.98rem 2rem;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.15);font-weight:500;font-size:.9rem;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:.5rem}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(200,164,74,.06)}
.btn-gold{background:var(--gold);color:var(--navy);padding:.9rem 2.2rem;border-radius:var(--r-sm);font-weight:700;font-size:.92rem;letter-spacing:.04em;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-gold);transition:all .28s var(--ease-out)}
.btn-gold:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 14px 40px rgba(200,164,74,.38)}
.btn-outline{background:transparent;color:rgba(255,255,255,.68);padding:.88rem 2rem;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.15);font-weight:500;font-size:.9rem;text-decoration:none;transition:all .25s}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.hero-trust-row{margin-top:2.8rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:1.6rem;animation:fadeUp 1s .38s ease both;flex-wrap:wrap}
.hero-avatars{display:flex;align-items:center}
.hero-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy-muted);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--gold-bright);margin-left:-10px}
.hero-avatars .hero-avatar:first-child{margin-left:0}
.hero-trust-text{font-size:var(--text-xs);color:rgba(255,255,255,.45);line-height:1.5}
.hero-trust-text strong{display:block;color:rgba(255,255,255,.75);font-size:.82rem;font-weight:600}
.hero-trust-sep{width:1px;height:32px;background:rgba(255,255,255,.08)}
.hero-stat-mini{display:flex;flex-direction:column}
.hero-stat-mini .num{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;color:var(--gold);line-height:1}
.hero-stat-mini .lbl{font-size:.7rem;color:rgba(255,255,255,.38);letter-spacing:.08em;text-transform:uppercase;margin-top:.15rem}
.hero-right{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:4rem 5rem 4rem 2rem}
.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;animation:fadeUp 1s .25s ease both}
.brand-logo-svg{width:min(300px,80%);height:auto;filter:drop-shadow(0 12px 48px rgba(200,164,74,.22))}

/*  TRUST STRIP  */
.trust-strip{background:var(--white);border-bottom:1px solid var(--border);padding:2.2rem 5rem;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-xs)}
.titem{display:flex;align-items:center;gap:1.1rem}
.titem-icon{width:54px;height:54px;border-radius:50%;background:var(--navy);border:2px solid var(--border-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(11,30,53,.16);transition:transform .3s var(--ease-out)}
.titem:hover .titem-icon{transform:translateY(-2px)}
.titem-icon svg{width:26px;height:26px}
.titem strong{display:block;font-size:.94rem;font-weight:700;color:var(--navy)}
.titem span{font-size:.76rem;color:var(--text-muted);margin-top:.1rem;display:block}
.titem-sep{width:1px;height:44px;background:var(--border)}

/*  CERTIFICATIONS BAR  */
.cert-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:1.4rem 5rem;display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.cert-bar-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);white-space:nowrap}
.cert-bar-divider{width:1px;height:24px;background:var(--border)}
.cert-items{display:flex;align-items:center;gap:2.2rem;flex-wrap:wrap}
.cert-item{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;color:var(--text-body);opacity:.7;transition:opacity .25s;white-space:nowrap}
.cert-item:hover{opacity:1}
.cert-item-icon{width:28px;height:28px;border-radius:7px;background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:var(--shadow-xs)}

/*  SECTIONS  */
section{padding:7rem 5rem}
.eyebrow{display:inline-flex;align-items:center;gap:.65rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--gold);border-radius:2px}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:700;color:var(--navy);line-height:1.2;letter-spacing:-.01em}
.sec-title em{font-style:italic;color:var(--gold);font-weight:500}
.sec-intro{font-size:.94rem;color:var(--text-body);font-weight:400;line-height:1.8;margin-top:.9rem}

/*  SERVICES  */
.services-sec{background:var(--white)}
.svc-header{text-align:center;margin-bottom:4rem}
.svc-header .sec-title{font-size:clamp(1.9rem,3vw,2.7rem)}
.svc-header-rule{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:.9rem auto 0}
.svc-intro-text{font-size:.94rem;color:var(--text-muted);font-weight:400;line-height:1.8;max-width:520px;margin:1.2rem auto 0}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.svc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.6rem 2rem 2.2rem;position:relative;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s,border-color .3s;cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center}
.svc-card-num{position:absolute;top:1.4rem;right:1.6rem;font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:rgba(11,30,53,.05);line-height:1;user-select:none}
.svc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,164,74,.04) 0%,transparent 50%);opacity:0;transition:opacity .35s}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-gold)}
.svc-card:hover::before{opacity:1}
.svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;box-shadow:0 8px 24px rgba(11,30,53,.18);transition:background .3s,transform .3s var(--ease-out)}
.svc-icon-wrap svg{width:36px;height:36px}
.svc-card:hover .svc-icon-wrap{background:var(--gold);transform:scale(1.06)}
.svc-card h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:.6rem;line-height:1.3}
.svc-card p{font-size:.84rem;color:var(--text-body);line-height:1.75;font-weight:400}
.svc-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.4rem;font-size:.78rem;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.04em;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s var(--ease-out)}
.svc-card:hover .svc-link{opacity:1;transform:translateY(0)}

/*  HOW IT WORKS  */
.how-sec{background:var(--navy-deep);position:relative;overflow:hidden}
.how-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 85% 15%,rgba(200,164,74,.07) 0%,transparent 60%),linear-gradient(rgba(200,164,74,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,74,.022) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}
.how-inner{position:relative;z-index:1}
.how-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem}
.how-sec .sec-title{color:var(--white)}
.how-desc{max-width:320px;font-size:.9rem;color:rgba(255,255,255,.42);font-weight:400;line-height:1.8}
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
.steps-row::before{content:'';position:absolute;top:35px;left:calc(12.5% + 36px);width:calc(75% - 72px);height:1px;background:linear-gradient(90deg,var(--gold) 0%,rgba(200,164,74,.15) 100%)}
.step-box{position:relative;z-index:1}
.step-circle{width:70px;height:70px;border-radius:50%;border:1.5px solid rgba(200,164,74,.3);background:var(--navy-mid);display:flex;align-items:center;justify-content:center;margin-bottom:1.8rem;transition:border-color .3s,background .3s}
.step-box:hover .step-circle{border-color:var(--gold);background:var(--navy-light)}
.step-circle .snum{font-family:'Playfair Display',serif;font-size:1.65rem;font-weight:700;color:var(--gold);line-height:1}
.step-box:first-child .step-circle{background:var(--gold);border-color:var(--gold)}
.step-box:first-child .snum{color:var(--navy)}
.step-box h4{font-size:.98rem;font-weight:700;color:var(--white);margin-bottom:.55rem}
.step-box p{font-size:.83rem;color:rgba(255,255,255,.4);line-height:1.8;font-weight:400}

/*  WHY US  */
.why-sec{background:var(--white)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.why-intro{font-size:.93rem;color:var(--text-body);line-height:1.85;max-width:440px;margin:1rem 0 2.8rem}
.feat-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.8rem}
.feat-row{display:flex;gap:1.1rem;align-items:flex-start;padding:1.3rem 1.5rem;border-radius:var(--r-md);border:1px solid transparent;transition:all .3s var(--ease-out);cursor:default}
.feat-row:hover{background:var(--surface);border-color:var(--border-gold);box-shadow:var(--shadow-sm)}
.feat-ico{width:44px;height:44px;border-radius:11px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;transition:background .3s}
.feat-row:hover .feat-ico{background:var(--gold)}
.feat-words h4{font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:.2rem}
.feat-words p{font-size:.82rem;color:var(--text-body);line-height:1.7}
.why-panel{background:var(--navy);border-radius:var(--r-xl);padding:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow-xl)}
.why-panel::before{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(200,164,74,.1) 0%,transparent 70%)}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;position:relative;z-index:1}
.mcard{background:rgba(255,255,255,.04);border:1px solid rgba(200,164,74,.12);border-radius:var(--r-md);padding:1.8rem;transition:border-color .3s,background .3s}
.mcard:hover{border-color:rgba(200,164,74,.28);background:rgba(255,255,255,.07)}
.mcard .mnum{font-family:'Playfair Display',serif;font-size:2.3rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:.3rem}
.mcard .mlbl{font-size:.7rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em}
.mcard.big{grid-column:span 2;background:linear-gradient(135deg,rgba(200,164,74,.13),rgba(200,164,74,.04));border-color:rgba(200,164,74,.25);display:flex;align-items:center;gap:1.8rem}
.mcard.big .mnum{font-size:3rem}
.mcard.big p{font-size:.83rem;color:rgba(255,255,255,.45);line-height:1.75}

/*  TESTIMONIALS  */
.test-sec{background:var(--surface)}
.test-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem}
.test-more{font-size:.84rem;color:var(--gold);font-weight:600;text-decoration:none;letter-spacing:.02em;transition:opacity .25s}
.test-more:hover{opacity:.7}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.4rem;transition:transform .3s var(--ease-out),box-shadow .3s,border-color .3s;position:relative}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-gold)}
.tcard.dark{background:var(--navy);border-color:transparent}
.tcard.dark:hover{box-shadow:var(--shadow-xl)}
.tcard-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.18);color:#059669;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:100px;margin-bottom:1.2rem}
.tcard.dark .tcard-badge{background:rgba(200,164,74,.1);border-color:rgba(200,164,74,.2);color:var(--gold)}
.tcard-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.stars{color:var(--gold);font-size:.78rem;letter-spacing:2px;margin-bottom:.9rem}
.tquote{font-family:'Playfair Display',serif;font-size:2.8rem;line-height:.75;color:var(--gold);margin-bottom:.6rem;opacity:.7}
.ttext{font-size:.87rem;color:var(--text-body);font-weight:400;line-height:1.8;font-style:italic;margin-bottom:1.8rem}
.tcard.dark .ttext{color:rgba(255,255,255,.55)}
.tauthor{display:flex;align-items:center;gap:.9rem;padding-top:1.3rem;border-top:1px solid var(--border)}
.tcard.dark .tauthor{border-top-color:rgba(255,255,255,.07)}
.tavatar{width:44px;height:44px;border-radius:50%;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--gold-dark);flex-shrink:0}
.tcard.dark .tavatar{background:rgba(200,164,74,.15);color:var(--gold)}
.tauthor strong{display:block;font-size:.86rem;font-weight:700;color:var(--navy)}
.tcard.dark .tauthor strong{color:var(--white)}
.tauthor span{font-size:.74rem;color:var(--text-muted);margin-top:.1rem;display:block}
.tcard.dark .tauthor span{color:rgba(255,255,255,.35)}

/*  CTA BANNER  */
.cta-banner{background:var(--navy);padding:5.5rem 5rem;display:flex;justify-content:space-between;align-items:center;gap:3rem;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 100% at 85% 50%,rgba(200,164,74,.07) 0%,transparent 60%)}
.cta-banner-left{position:relative;z-index:1}
.cta-banner h2{font-family:'Playfair Display',serif;font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:700;color:var(--white);line-height:1.3;margin-bottom:.65rem}
.cta-banner h2 em{color:var(--gold);font-style:italic;font-weight:500}
.cta-banner p{font-size:.92rem;color:rgba(255,255,255,.45)}
.cta-banner-right{position:relative;z-index:1;flex-shrink:0}

/*  FOOTER  */
footer{background:#050c18;padding:5rem 5rem 2.2rem;color:rgba(255,255,255,.35)}
.footer-body{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:3.5rem;padding-bottom:3.5rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2rem}
.footer-brand-text{font-size:.83rem;line-height:1.85;margin-top:1.1rem;max-width:240px}
.socials{display:flex;gap:.6rem;margin-top:1.8rem}
.soc{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);text-decoration:none;font-size:.82rem;font-weight:700;transition:all .25s}
.soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(200,164,74,.06)}
.footer-col h5{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.6);margin-bottom:1.4rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}
.footer-col a{font-size:.83rem;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s}
.footer-col a:hover{color:var(--gold)}
.fci-row{display:flex;align-items:flex-start;gap:.65rem;font-size:.83rem;margin-bottom:.85rem}
.fci{color:var(--gold);flex-shrink:0;margin-top:.1rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}
.footer-legal a{color:rgba(255,255,255,.28);text-decoration:none;margin-left:1.5rem;transition:color .2s}
.footer-legal a:hover{color:var(--gold)}
.footer-legal a:first-child{margin-left:0}

/*  ANIMATIONS  */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.vis{opacity:1;transform:translateY(0)}
.rv1{transition-delay:.08s}
.rv2{transition-delay:.16s}
.rv3{transition-delay:.24s}
.rv4{transition-delay:.32s}

/*  CLAIM FORM  */
.claim-sec{background:var(--surface)}
.claim-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:5rem;align-items:start}
.claim-info h2{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,2.8vw,2.4rem);font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:1rem}
.claim-info h2 em{font-style:italic;color:var(--gold);font-weight:500}
.claim-info p{font-size:.92rem;color:var(--text-body);line-height:1.85;margin-bottom:2rem}
.claim-badges{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.4rem}
.cbadge{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.2rem;border-radius:var(--r-md);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:box-shadow .25s,border-color .25s}
.cbadge:hover{box-shadow:var(--shadow-sm);border-color:var(--border-gold)}
.cbadge-ic{width:40px;height:40px;border-radius:10px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.cbadge strong{display:block;font-size:.87rem;font-weight:700;color:var(--navy)}
.cbadge span{font-size:.76rem;color:var(--text-muted)}
.claim-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:0;overflow:hidden;box-shadow:var(--shadow-lg)}
.form-header{background:var(--navy);padding:2rem 2.6rem;position:relative;overflow:hidden}
.form-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 90% 50%,rgba(200,164,74,.08) 0%,transparent 60%)}
.form-header-inner{position:relative;z-index:1}
.form-step-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.form-step-indicator span{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.form-step-dots{display:flex;gap:.4rem}
.form-step-dot{width:20px;height:3px;border-radius:2px;background:rgba(255,255,255,.15)}
.form-step-dot.active{background:var(--gold);width:28px}
.form-title{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--white);margin-bottom:.3rem}
.form-sub{font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.6}
.form-sub span{color:var(--gold);font-weight:600}
.form-body{padding:2.4rem 2.6rem 2.6rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}
.form-group label{font-size:.71rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dark)}
.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:.85rem 1.1rem;font-size:.9rem;color:var(--navy);font-family:'Outfit',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,164,74,.1);background:var(--white)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}
.form-group select{color:var(--navy);cursor:pointer}
.form-group textarea{resize:vertical;min-height:108px}
.form-note{font-size:.73rem;color:var(--text-muted);margin-top:.3rem;line-height:1.6}
.btn-submit{width:100%;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);color:var(--white);padding:1.1rem;border-radius:var(--r-sm);border:none;font-family:'Outfit',sans-serif;font-size:.96rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 4px 16px rgba(11,30,53,.2)}
.btn-submit:hover{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-bright) 100%);color:var(--navy);transform:translateY(-2px);box-shadow:var(--shadow-gold)}
.form-privacy{display:flex;align-items:center;gap:.55rem;font-size:.73rem;color:var(--text-muted);margin-top:.9rem}
.form-privacy span{color:var(--gold);font-size:.82rem}

/* Gate */
.claim-gate{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.5rem 2.4rem;border:2px dashed rgba(11,30,53,.1);border-radius:var(--r-xl);background:var(--white);box-shadow:var(--shadow-md)}
.claim-gate.visible{display:flex}
.gate-icon{width:76px;height:76px;border-radius:50%;background:var(--navy);border:2px solid var(--border-gold);display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;box-shadow:0 8px 28px rgba(11,30,53,.18)}
.gate-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--navy);margin-bottom:.65rem}
.gate-sub{font-size:.9rem;color:var(--text-body);line-height:1.75;max-width:360px;margin-bottom:2.2rem}
.gate-btns{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}
.btn-gate-primary{background:var(--navy);color:var(--white);padding:.95rem 2.2rem;border-radius:var(--r-sm);border:none;font-family:'Outfit',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-out);letter-spacing:.04em;box-shadow:0 4px 16px rgba(11,30,53,.18)}
.btn-gate-primary:hover{background:var(--gold);color:var(--navy);transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.btn-gate-secondary{background:transparent;color:var(--navy);padding:.93rem 1.9rem;border-radius:var(--r-sm);border:1.5px solid var(--border);font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}
.btn-gate-secondary:hover{border-color:var(--gold);color:var(--gold)}
.my-claims-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.claims-empty{text-align:center;padding:3rem;color:var(--text-muted);border:1.5px dashed var(--border);border-radius:var(--r-md)}

/*  FAQ  */
.faq-sec{background:var(--navy);position:relative;overflow:hidden}
.faq-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 90% 50%,rgba(200,164,74,.06) 0%,transparent 60%),linear-gradient(rgba(200,164,74,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,74,.022) 1px,transparent 1px);background-size:auto,62px 62px,62px 62px}
.faq-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.65fr;gap:5rem;align-items:start}
.faq-left .sec-title{color:var(--white)}
.faq-desc{font-size:.9rem;color:rgba(255,255,255,.42);line-height:1.8;margin-top:1rem;margin-bottom:2.5rem;max-width:320px}
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(200,164,74,.1);border-radius:var(--r-md);overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:rgba(200,164,74,.32);background:rgba(255,255,255,.05)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.3rem 1.5rem;cursor:pointer;text-align:left}
.faq-q-text{font-size:.92rem;font-weight:600;color:var(--white);line-height:1.45}
.faq-icon{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(200,164,74,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:1rem;font-weight:700;transition:all .3s var(--ease-out)}
.faq-item.open .faq-icon{background:var(--gold);color:var(--navy);border-color:var(--gold);transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-in-out),padding .3s;font-size:.86rem;color:rgba(255,255,255,.48);line-height:1.85;padding:0 1.5rem}
.faq-item.open .faq-a{max-height:320px;padding-bottom:1.4rem}

/*  TOAST  */
.toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;background:var(--navy);color:var(--white);padding:1.1rem 1.6rem;border-radius:var(--r-md);font-size:.88rem;display:flex;align-items:center;gap:.8rem;box-shadow:var(--shadow-xl);transform:translateY(120%);opacity:0;transition:all .4s var(--ease-out);max-width:360px;border:1px solid rgba(200,164,74,.2)}
.toast.show{transform:translateY(0);opacity:1}
.toast-ic{font-size:1.2rem;flex-shrink:0}

/*  AUTH MODAL  */
.auth-overlay{position:fixed;inset:0;z-index:800;background:rgba(6,13,26,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s;padding:1.5rem}
.auth-overlay.open{opacity:1;pointer-events:all}
.auth-modal{background:var(--white);border-radius:var(--r-xl);width:100%;max-width:490px;box-shadow:var(--shadow-xl);transform:translateY(24px) scale(.97);transition:transform .38s var(--ease-out);overflow:hidden}
.auth-overlay.open .auth-modal{transform:translateY(0) scale(1)}
.auth-modal-top{background:var(--navy);padding:2.4rem 2.6rem 0;position:relative}
.auth-modal-top .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.8rem;text-decoration:none}
.auth-modal-top .logo-emblem{width:38px;height:38px;border-radius:10px;background:rgba(200,164,74,.12);border:1px solid rgba(200,164,74,.28);display:flex;align-items:center;justify-content:center}
.auth-modal-top .logo-words .l1{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white)}
.auth-modal-top .logo-words .l2{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.auth-close{position:absolute;top:1.2rem;right:1.5rem;background:rgba(255,255,255,.07);border:none;color:rgba(255,255,255,.55);width:32px;height:32px;border-radius:var(--r-sm);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.auth-close:hover{background:rgba(255,255,255,.14);color:var(--white)}
.auth-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07)}
.auth-tab{flex:1;background:none;border:none;padding:1.1rem;font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.35);cursor:pointer;transition:all .25s;border-bottom:2.5px solid transparent;position:relative;bottom:-1px}
.auth-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.auth-body{padding:2.4rem 2.6rem 2.8rem}
.auth-panel{display:none}
.auth-panel.active{display:block}
.auth-heading{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}
.auth-sub{font-size:.82rem;color:var(--text-muted);margin-bottom:1.9rem;line-height:1.6}
.auth-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}
.auth-field label{font-size:.71rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.auth-field input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:.88rem 1.1rem;font-size:.9rem;color:var(--navy);font-family:'Outfit',sans-serif;outline:none;transition:all .25s}
.auth-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,164,74,.1);background:var(--white)}
.auth-field input::placeholder{color:var(--text-light)}
.auth-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.auth-error{background:#fff0f0;border:1px solid rgba(192,57,43,.15);border-radius:var(--r-sm);padding:.75rem 1.1rem;font-size:.8rem;color:#c0392b;margin-bottom:1rem;display:none}
.auth-error.show{display:block}
.btn-auth{width:100%;background:var(--navy);color:var(--white);padding:1.05rem;border-radius:var(--r-sm);border:none;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .3s var(--ease-out);margin-top:.5rem;box-shadow:0 4px 16px rgba(11,30,53,.2)}
.btn-auth:hover{background:var(--gold);color:var(--navy);box-shadow:var(--shadow-gold)}
.auth-switch{font-size:.8rem;text-align:center;color:var(--text-muted);margin-top:1.3rem}
.auth-switch a{color:var(--gold);font-weight:600;cursor:pointer;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}
.auth-terms{font-size:.72rem;color:var(--text-muted);text-align:center;margin-top:1rem;line-height:1.6}
.auth-terms a{color:var(--gold)}
.auth-forgot{font-size:.76rem;color:var(--gold);font-weight:600;cursor:pointer;float:right;margin-top:-.5rem;margin-bottom:.9rem;display:block}
.auth-forgot:hover{text-decoration:underline}

/*  HAMBURGER / DRAWER  */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;border-radius:var(--r-sm);transition:background .2s}
.hamburger:hover{background:rgba(11,30,53,.06)}
.hamburger span{display:block;width:24px;height:2px;background:var(--navy);border-radius:2px;transition:all .35s ease}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){.hamburger{display:flex}.nav-links{display:none}}
.mobile-drawer{position:fixed;inset:0;z-index:450;background:rgba(6,13,26,.65);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .35s}
.mobile-drawer.open{opacity:1;pointer-events:all}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--white);transform:translateX(100%);transition:transform .4s var(--ease-out);display:flex;flex-direction:column;padding:2.2rem 2rem;box-shadow:-20px 0 60px rgba(11,30,53,.2)}
.mobile-drawer.open .drawer-panel{transform:translateX(0)}
.drawer-close{align-self:flex-end;background:none;border:none;font-size:1.5rem;color:var(--navy);cursor:pointer;padding:.25rem .5rem;margin-bottom:1.6rem;border-radius:var(--r-sm);transition:background .2s}
.drawer-close:hover{background:var(--gold-pale)}
.drawer-logo{margin-bottom:2.2rem}
.drawer-links{list-style:none;display:flex;flex-direction:column;gap:.25rem}
.drawer-links a{display:block;padding:.9rem 1.1rem;border-radius:var(--r-sm);font-size:.95rem;font-weight:500;color:var(--navy);text-decoration:none;transition:all .2s}
.drawer-links a:hover{background:var(--gold-pale);color:var(--gold)}
.drawer-links .btn-nav-mobile{margin-top:1.2rem;background:var(--navy);color:var(--white)!important;text-align:center;font-weight:700;letter-spacing:.06em;padding:1rem!important}
.drawer-links .btn-nav-mobile:hover{background:var(--gold)!important;color:var(--navy)!important}
.drawer-contact{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border)}
.drawer-contact a{display:flex;align-items:center;gap:.65rem;font-size:.83rem;color:var(--text-body);text-decoration:none;margin-bottom:.65rem}
.drawer-contact a:hover{color:var(--gold)}

/*  RESPONSIVE  */
@media(max-width:1100px){
  nav{padding:0 2.5rem}
  .topbar{padding:.5rem 2.5rem}
  section{padding:5rem 2.5rem}
  .trust-strip{padding:1.8rem 2.5rem}
  .cert-bar{padding:1.4rem 2.5rem}
  .hero{grid-template-columns:1fr}
  .hero-left{padding:6rem 2.5rem 4rem}
  .hero-right{display:none}
  .svc-grid{grid-template-columns:1fr 1fr}
  .steps-row{grid-template-columns:1fr 1fr}
  .steps-row::before{display:none}
  .why-grid{grid-template-columns:1fr;gap:3rem}
  .test-grid{grid-template-columns:1fr}
  .claim-grid{grid-template-columns:1fr;gap:3rem}
  .faq-grid{grid-template-columns:1fr;gap:3rem}
  .cta-banner{flex-direction:column;text-align:center;padding:4rem 2.5rem}
  .footer-body{grid-template-columns:1fr 1fr}
  /* Hide nav-auth-area text buttons when hamburger shows */
  .nav-auth-area{display:none}
}
@media(max-width:700px){
  .topbar{display:none}
  .svc-grid{grid-template-columns:1fr}
  .steps-row{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
  .footer-body{grid-template-columns:1fr}
  section{padding:4.5rem 1.5rem}
  .trust-strip{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}
  .cert-bar{gap:1.2rem;padding:1.4rem 1.5rem}
  .titem-sep{display:none}
  .cta-banner{padding:3.5rem 1.5rem}
  footer{padding:4rem 1.5rem 2rem}
  .footer-bottom{flex-direction:column;gap:.8rem;text-align:center}
  .hero-trust-row{flex-wrap:wrap}
  nav{padding:0 1.5rem;height:70px}
  /* Auth modal mobile — bottom sheet style */
  .auth-overlay{padding:.75rem;align-items:flex-end}
  .auth-modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}
  .auth-modal-top{padding:1.8rem 1.5rem 0;flex-shrink:0}
  .auth-body{padding:1.6rem 1.5rem 2rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
  .auth-row-2{grid-template-columns:1fr}
  .auth-heading{font-size:1.2rem}
  .form-row{grid-template-columns:1fr}
  /* Claim form */
  .form-body{padding:1.6rem 1.4rem 1.8rem}
  .form-header{padding:1.5rem 1.4rem}
}
@media(max-width:480px){
  .auth-modal-top{padding:1.5rem 1.2rem 0}
  .auth-body{padding:1.4rem 1.2rem 1.8rem}
  .auth-field input{font-size:.88rem;padding:.78rem .9rem}
  .btn-auth{font-size:.88rem;padding:.95rem}
}