:root{--navy:#102b49;--deep:#0b2038;--gold:#f5ad20;--soft:#f5f7fb;--text:#24364d;--muted:#64748b;--white:#fff;--line:#e7edf5;--shadow:0 24px 70px rgba(16,43,73,.14);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(11,32,56,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:74px;display:flex;align-items:center;gap:30px}.brand img{width:138px;display:block}.nav-menu{display:flex;gap:28px;margin-left:auto}.nav-menu a{color:#dce6f2;font-size:14px;font-weight:600}.nav-cta{background:var(--gold);color:#102033;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px}.menu-toggle{display:none;background:0;border:0;width:38px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0}.hero-section{position:relative;min-height:760px;padding:150px 0 90px;background:var(--deep);overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,rgba(245,173,32,.24),transparent 28%),linear-gradient(120deg,rgba(16,43,73,.96),rgba(9,29,52,.92)),url('https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center;opacity:1}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;letter-spacing:.11em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--gold);margin-bottom:16px}.gold{color:var(--gold)}h1,h2{font-family:Manrope,Arial,sans-serif;color:var(--navy);letter-spacing:-.045em;line-height:1.12;margin:0 0 18px;font-weight:800}h1{font-size:54px;color:#fff;max-width:720px}h2{font-size:34px}h3{margin:0 0 12px;color:var(--navy);font-size:18px}.hero-copy p{font-size:17px;line-height:1.75;color:#d5e1ef;max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--gold);color:#132842}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}.btn.full{width:100%;border:0}.hero-panel{background:rgba(255,255,255,.96);border-radius:30px;padding:26px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5)}.panel-top,.progress-title{display:flex;justify-content:space-between;align-items:center}.panel-top{margin-bottom:18px;color:var(--muted);font-weight:700}.panel-top b{color:var(--navy)}.funnel-card{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;margin-bottom:14px;background:#fff}.funnel-card.active{border-color:rgba(245,173,32,.45);box-shadow:0 12px 32px rgba(245,173,32,.15)}.funnel-card i{width:14px;height:14px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 7px rgba(245,173,32,.12)}.funnel-card b{display:block;color:var(--navy);margin-bottom:5px}.funnel-card span,.progress-title span{color:var(--muted);font-size:13px}.progress-box{padding:20px;border-radius:20px;background:#f7f9fc}.progress-line{height:10px;border-radius:20px;background:#dde6f1;margin-top:14px;overflow:hidden}.progress-line em{display:block;width:76%;height:100%;background:linear-gradient(90deg,var(--gold),#ffd06f);border-radius:inherit}.logo-strip{background:#fff;border-bottom:1px solid var(--line)}.strip-inner{min-height:88px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.strip-inner span{color:var(--muted);font-size:13px}.strip-inner b{color:var(--navy);font-size:15px}.section{padding:96px 0}.white-section{background:#fff}.soft-section{background:var(--soft)}.dark-section{background:var(--deep)}.dark-section h2,.dark-section h3{color:#fff}.dark-section p{color:#b7c7d9}.section-heading{max-width:620px}.section-heading.center{text-align:center;margin:0 auto 46px}.section-heading p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}.feature-grid,.solution-grid,.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card,.solution-card,.step,.assurance-card{background:#fff;padding:28px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 12px 38px rgba(16,43,73,.05)}.feature-card .icon{display:inline-flex;width:42px;height:42px;border-radius:14px;background:#fff7e8;color:#b87500;align-items:center;justify-content:center;font-weight:900;margin-bottom:22px}.feature-card p,.solution-card p,.step p,.assurance-card p{color:var(--muted);line-height:1.7;margin:0}.solution-grid{grid-template-columns:repeat(4,1fr)}.solution-card{background:#173858;border-color:rgba(255,255,255,.08)}.two-col,.trust-grid,.cta-grid,.case-card{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.partner-list,.trust-cards{display:grid;gap:16px}.partner-list div,.trust-cards div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px}.partner-list b,.trust-cards b{display:block;color:var(--navy);margin-bottom:6px}.partner-list span,.trust-cards span{color:var(--muted);line-height:1.65}.case-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:40px}.metric-board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-board div{background:#f6f8fb;border-radius:18px;padding:22px}.metric-board strong{color:var(--gold);font-size:28px}.metric-board span{display:block;font-weight:900;color:var(--navy);margin:7px 0}.metric-board p{margin:0;color:var(--muted);font-size:13px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step span{display:flex;width:42px;height:42px;background:var(--navy);color:#fff;border-radius:50%;align-items:center;justify-content:center;font-weight:900;margin-bottom:20px}.narrow{max-width:820px}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-item button{width:100%;background:#fff;border:0;text-align:left;padding:20px 24px;font-weight:900;color:var(--navy);font-size:15px;cursor:pointer;position:relative}.faq-item button:after{content:'+';position:absolute;right:22px}.faq-item.active button:after{content:'−'}.faq-item p{display:none;margin:0;padding:0 24px 22px;color:var(--muted);line-height:1.7}.faq-item.active p{display:block}.cta-section{background:linear-gradient(135deg,#0b2038,#153a5d);color:#fff}.cta-section h2{color:#fff}.cta-section p{color:#c2d1e2}.lead-form{background:#fff;padding:28px;border-radius:28px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;margin-bottom:12px;outline:none;color:var(--text);background:#fff}.lead-form textarea{min-height:120px;resize:vertical}.lead-form small{display:block;text-align:center;color:var(--muted);margin-top:12px}.footer{background:#0b2038;color:#c5d4e5;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer img{width:130px;margin-bottom:16px}.footer h4{color:#fff;margin:0 0 16px}.footer a{display:block;color:#c5d4e5;margin:10px 0}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:22px;font-size:13px;color:#8fa5bd}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}@media(max-width:900px){.nav-menu,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav-menu.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#0b2038;flex-direction:column;padding:22px 4%;gap:18px}.hero-grid,.two-col,.trust-grid,.cta-grid,.case-card{grid-template-columns:1fr}.hero-section{padding-top:120px}.hero-grid{gap:38px}h1{font-size:42px}h2{font-size:30px}.feature-grid,.solution-grid,.assurance-grid,.timeline,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.section{padding:70px 0}.feature-grid,.solution-grid,.assurance-grid,.timeline,.footer-grid,.form-row,.metric-board{grid-template-columns:1fr}.brand img{width:120px}h1{font-size:34px}.hero-copy p{font-size:16px}.hero-panel{padding:18px}.strip-inner{justify-content:flex-start}.btn{width:100%}}

/* Auth Pages */
.nav-actions{display:flex;align-items:center;gap:10px}.nav-link-btn{color:#eaf2fb;border:1px solid rgba(255,255,255,.18);padding:11px 18px;border-radius:999px;font-weight:800;font-size:14px;background:rgba(255,255,255,.05)}.auth-main{background:#0b2038}.auth-section{position:relative;min-height:100vh;padding:142px 0 82px;overflow:hidden;background:#0b2038}.auth-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 28%,rgba(245,173,32,.24),transparent 24%),radial-gradient(circle at 82% 72%,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,rgba(16,43,73,.96),rgba(8,27,48,.98)),url('https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center}.auth-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}.auth-grid.compact{grid-template-columns:1fr .9fr}.auth-copy h1{font-size:46px;color:#fff;max-width:560px}.auth-copy p{font-size:16px;line-height:1.75;color:#d5e1ef;max-width:560px;margin:0 0 26px}.auth-benefits{display:grid;gap:14px;max-width:560px}.auth-benefits div{padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.auth-benefits b{display:block;color:#fff;margin-bottom:5px}.auth-benefits span{color:#bfd0e3;line-height:1.6;font-size:14px}.auth-card{background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.auth-card-head{margin-bottom:22px}.auth-card-head span{display:inline-flex;background:#fff7e8;color:#b87500;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.auth-card-head h2{font-size:30px;margin-bottom:0}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:8px;font-size:14px;font-weight:800;color:var(--navy)}.auth-form sup{color:#d93025;margin-left:3px}.auth-form input{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;outline:none;color:var(--text);background:#fff;transition:.2s}.auth-form input:focus{border-color:rgba(245,173,32,.75);box-shadow:0 0 0 4px rgba(245,173,32,.13)}.auth-form small{color:var(--muted);font-weight:600;line-height:1.55}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;margin-top:2px}.check-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--gold)}.check-row span{font-weight:600;color:var(--muted);line-height:1.6}.check-row a,.auth-switch a,.form-links a{color:#b87500;font-weight:900}.auth-buttons{display:flex;gap:12px;margin-top:6px}.btn.reset{background:#f4f7fb;color:var(--navy);border-color:var(--line)}.auth-switch{text-align:center;color:var(--muted);margin:18px 0 0}.form-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:-2px;font-size:14px}.site-modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:24px}.site-modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(5,18,32,.72);backdrop-filter:blur(6px)}.modal-box{position:relative;width:min(620px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-box.small{width:min(480px,100%)}.modal-box h2{font-size:28px}.modal-box p{color:var(--muted);line-height:1.75}.modal-x{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;line-height:1;cursor:pointer;color:var(--navy)}.auth-footer{padding:20px 0;background:#081b30}.auth-footer .copyright{margin-top:0;border-top:0;padding-top:0;text-align:center}
@media(max-width:900px){.nav-actions{display:none}.auth-grid,.auth-grid.compact{grid-template-columns:1fr}.auth-copy h1{font-size:38px}.auth-section{padding-top:118px}.nav-menu.open + .nav-actions{display:flex;position:absolute;top:323px;left:0;right:0;background:#0b2038;padding:0 4% 22px;justify-content:flex-start}.nav-menu.open + .nav-actions .nav-link-btn,.nav-menu.open + .nav-actions .nav-cta{display:inline-flex}}
@media(max-width:560px){.auth-card{padding:24px;border-radius:24px}.auth-copy h1{font-size:32px}.auth-card-head h2{font-size:26px}.auth-buttons{flex-direction:column}.modal-box{padding:26px 22px}.form-links{display:grid}.nav-menu.open + .nav-actions{top:323px}}

/* Centered authentication pages */
body{font-family:'Inter',Arial,sans-serif}.auth-centered-section{min-height:calc(100vh - 60px);padding:128px 0 58px;display:flex;align-items:center}.signup-centered-section{padding-top:120px}.auth-center-wrap{position:relative;display:flex;justify-content:center;align-items:center}.auth-card-centered{width:min(100%,500px);padding:36px 34px 32px;border-radius:24px;box-shadow:0 28px 80px rgba(3,18,34,.24);border:1px solid rgba(255,255,255,.62)}.auth-card-wide{width:min(100%,680px)}.auth-logo-mark{display:flex;justify-content:center;margin-bottom:22px}.auth-logo-mark img{width:142px;height:auto;display:block}.auth-card-head.centered{text-align:center;margin-bottom:24px}.auth-card-head.centered span{margin-left:auto;margin-right:auto}.auth-card-head.centered h1{font-size:28px;line-height:1.18;letter-spacing:-.03em;color:var(--navy);margin:0 0 10px}.auth-card-head.centered p{font-size:14.5px;line-height:1.7;color:var(--muted);max-width:410px;margin:0 auto}.auth-form input{height:52px}.password-field{position:relative}.password-field input{padding-right:74px}.toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#f4f7fb;color:#334a62;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:-2px;font-size:14px}.form-options a{color:#b87500;font-weight:900}.mini-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;color:var(--muted)!important;font-weight:700!important}.mini-check input{width:16px;height:16px;accent-color:var(--gold)}.btn.full{width:100%;justify-content:center;height:52px}.auth-divider{display:flex;align-items:center;gap:14px;color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-auth-grid{display:grid;gap:10px}.social-auth-btn{height:48px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:800;background:#fff;transition:.2s}.social-auth-btn:hover{border-color:rgba(245,173,32,.7);box-shadow:0 10px 26px rgba(5,18,32,.08);transform:translateY(-1px)}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.password-strength{height:6px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:-2px}.password-strength span{display:block;height:100%;width:0;background:var(--gold);border-radius:999px;transition:.25s}.password-strength.medium span{width:66%}.password-strength.strong span{width:100%}.password-strength.weak span{width:33%}.auth-switch{font-size:14.5px}.auth-footer{position:relative}.auth-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,48,.05),rgba(8,27,48,.2));pointer-events:none}@media(max-width:760px){.auth-card-wide,.auth-card-centered{width:min(100%,520px)}.form-two-col{grid-template-columns:1fr}.auth-centered-section{padding:110px 0 38px}.auth-card-centered{padding:28px 22px;border-radius:22px}.auth-card-head.centered h1{font-size:25px}.auth-logo-mark img{width:126px}.form-options{align-items:flex-start}.social-auth-grid{grid-template-columns:1fr}}@media(min-width:761px){.social-auth-grid{grid-template-columns:1fr 1fr}}

/* Auth form refinements */
.auth-logo-mark{display:none!important}
.auth-card-head.centered{margin-top:0}
.auth-form label{gap:9px}
.field-label{display:flex;align-items:center;gap:5px;min-height:20px;font-size:14px;font-weight:800;color:var(--navy);line-height:1.35}
.field-label sup{order:-1;color:#d93025;margin:0;font-size:13px;line-height:1}
.auth-form sup{color:#d93025;margin:0 4px 0 0}
.form-two-col{align-items:start;gap:18px}
.form-two-col > label{align-self:start}
.auth-form input{height:54px}
.check-row{display:flex!important;align-items:center!important;gap:12px!important;margin:6px 0 8px}
.check-row input{flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important;padding:0!important}
.check-row span{line-height:1.45;display:block}
.mini-check{display:flex!important;align-items:center!important;gap:10px!important}
.mini-check input{flex:0 0 16px;width:16px!important;height:16px!important;margin:0!important;padding:0!important}
@media(max-width:760px){.form-two-col{grid-template-columns:1fr}}


/* Mobile app-style bottom auth CTA */
.mobile-auth-bar{display:none}
@media(max-width:767px){
  body.has-mobile-auth{padding-bottom:84px}
  .site-header .nav-actions{display:none!important}
  .mobile-auth-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -16px 40px rgba(16,43,73,.14);backdrop-filter:blur(18px);animation:mobileBarUp .35s ease both}
  .mobile-auth-bar a{flex:1;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
  .mobile-auth-link{background:#fff;color:var(--navy);border:1px solid var(--line)}
  .mobile-auth-cta{background:var(--gold);color:#102033;border:1px solid var(--gold)}
  .footer{padding-bottom:110px}
}
@keyframes mobileBarUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}

/* Smoother FAQ accordion */
.faq-item p{display:block;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;transition:max-height .28s ease,padding .28s ease}
.faq-item.active p{max-height:180px;padding:0 24px 22px}

/* Better button micro interaction */
.btn,.nav-cta,.nav-link-btn,.mobile-auth-bar a{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.btn:hover,.nav-cta:hover,.nav-link-btn:hover,.mobile-auth-bar a:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(16,43,73,.14)}

/* Atsell Member Area - Bootstrap 5 Upgrade */
.memberarea,
.montrall{
  font-family:'Inter','Manrope',Arial,sans-serif;
  color:var(--text);
}
.memberarea{
  background:linear-gradient(180deg,#f5f7fb 0%,#ffffff 100%);
  min-height:calc(100vh - 120px);
  padding:50px 0 80px;
}
.memberarea .container,
.montrall.container{
  width:min(1160px,92%);
  margin-left:auto;
  margin-right:auto;
}
.memberarea .list-inline,
.montrall .list-inline{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
  padding-left:0;
}
.memberarea .list-inline-item,
.montrall .list-inline-item{
  margin:0!important;
}
.memberarea .btn,
.montrall .btn{
  border-radius:999px;
  font-weight:800;
  padding:11px 18px;
  transition:.2s ease;
}
.memberarea .btn:hover,
.montrall .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(16,43,73,.12);
}
.memberarea .btn-outline-secondary,
.montrall .btn-outline-secondary{
  background:#fff;
  border-color:var(--line);
  color:var(--navy);
}
.memberarea .btn-primary,
.montrall .btn-primary,
.memberarea .btn-orange,
.montrall .btn-orange{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#102033!important;
}
.memberarea .btn-danger,
.montrall .btn-danger{
  border-radius:999px;
}
.member-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:30px;
  box-shadow:var(--shadow);
}
.memberarea h3,
.montrall h3,
.memberarea h4,
.montrall h4{
  color:var(--navy);
  font-weight:800;
  letter-spacing:-.02em;
}
.memberarea .white-a,
.montrall .white-a{
  color:var(--navy)!important;
}
.memberarea .notice,
.montrall .notice{
  margin-bottom:18px;
}
.notice-slick{
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(16,43,73,.06);
}
.memberarea .full,
.montrall .full{
  max-width:100%;
  height:auto;
}
.memberarea .form-control,
.montrall .form-control,
.memberarea .form-select,
.montrall .form-select{
  border:1px solid var(--line);
  border-radius:14px;
  min-height:48px;
  padding:12px 15px;
  color:var(--text);
  box-shadow:none;
}
.memberarea .form-control:focus,
.montrall .form-control:focus,
.memberarea .form-select:focus,
.montrall .form-select:focus{
  border-color:rgba(245,173,32,.78);
  box-shadow:0 0 0 4px rgba(245,173,32,.13);
}
.memberarea .form-label,
.montrall .form-label,
.memberarea label,
.montrall label{
  font-weight:800;
  color:var(--navy);
  margin-bottom:7px;
}
.member-form .mb-3{
  margin-bottom:18px!important;
}
.member-page-header{
  margin:0 0 24px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.member-page-header h3{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
}
.memberarea .alert,
.montrall .alert{
  border-radius:16px;
  border:0;
  font-weight:700;
}
.memberarea .table-responsive,
.montrall .table-responsive{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 38px rgba(16,43,73,.05);
}
.memberarea table,
.montrall table{
  margin-bottom:0;
}
.memberarea table th,
.montrall table th{
  color:var(--navy);
  font-weight:900;
  background:#f7f9fc;
}
.memberarea table td,
.montrall table td,
.memberarea table th,
.montrall table th{
  vertical-align:middle;
  padding:14px 16px;
}
.memberarea .modal-content,
.montrall .modal-content{
  border:0;
  border-radius:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.24);
  overflow:hidden;
}
.memberarea .modal-header,
.montrall .modal-header{
  border-bottom:1px solid var(--line);
  padding:20px 24px;
  align-items:center;
}
.memberarea .modal-title,
.montrall .modal-title{
  color:var(--navy);
  font-weight:900;
  margin:0;
}
.memberarea .modal-body,
.montrall .modal-body,
.memberarea .modal-footer,
.montrall .modal-footer{
  padding:24px;
}
.memberarea .btn-close,
.montrall .btn-close{
  margin-left:auto;
}
.otp-input{
  border-radius:12px!important;
  border:1px solid var(--line)!important;
}
.otp-input:focus{
  outline:none!important;
  border-color:rgba(245,173,32,.78)!important;
  box-shadow:0 0 0 4px rgba(245,173,32,.13)!important;
}
.clear-pd-col{
  padding-left:0!important;
  padding-right:0!important;
}
.mg-top{margin-top:18px!important}.mg-bt{margin-bottom:18px!important}.pd-bt{padding-bottom:60px!important}.no-mg{margin:0!important}
@media(max-width:767px){
  .memberarea{padding-top:45px;padding-bottom:56px}
  .member-card{padding:22px;border-radius:22px}
  .memberarea .btn,
  .montrall .btn{width:100%;justify-content:center}
  .memberarea .list-inline,
  .montrall .list-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .memberarea .modal-dialog,
  .montrall .modal-dialog{margin:14px auto;width:calc(100% - 28px)}
  .member-page-header h3{font-size:22px}
}

/* Atsell Member Area - centered themed upgrade */
.memberarea{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(245,173,32,.20),transparent 26%),
    radial-gradient(circle at 88% 22%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(135deg,#0b2038 0%,#102b49 48%,#153a5d 100%)!important;
  min-height:100vh;
  padding:30px 0 90px!important;
}
.memberarea:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
  opacity:.08;
  pointer-events:none;
}
.memberarea:after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-18%;
  height:42%;
  background:rgba(255,255,255,.06);
  filter:blur(42px);
  border-radius:50%;
  pointer-events:none;
}
.memberarea > .container,
.memberarea .container.montrall,
.memberarea .montrall{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(980px,92%)!important;
}
.memberarea .container > [class*="col-"],
.memberarea .montrall > [class*="col-"]{
  width:100%;
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}
.memberarea .list-inline{
  width:100%;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  padding:12px!important;
  backdrop-filter:blur(16px);
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.memberarea .list-inline .btn-outline-secondary{
  background:rgba(255,255,255,.95)!important;
  border-color:rgba(255,255,255,.34)!important;
  color:var(--navy)!important;
}
.memberarea .list-inline .btn-outline-secondary:hover,
.memberarea .list-inline .btn-outline-secondary:focus{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#102033!important;
}
.member-card,
.memberarea .member-form,
.memberarea .member-page-header + .alert + .member-form,
.memberarea .member-page-header + .member-form{
  width:100%;
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  background:linear-gradient(145deg,#050b14 0%,#0b1220 50%,#111827 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
  border-radius:30px!important;
  padding:34px!important;
  backdrop-filter:blur(12px);
}
.memberarea .member-page-header{
  width:100%;
  max-width:760px;
  text-align:center;
  margin:0 auto 18px!important;
}
.memberarea .member-page-header h3{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  color:#fff!important;
  font-size:28px;
  margin:0;
}
.memberarea .member-page-header .btn{
  width:42px;
  height:42px;
  padding:0!important;
  border-radius:50%;
}
.memberarea .member-form .mb-3,
.memberarea .member-form .form-group{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  width:100%;
  margin-bottom:18px!important;
}
.memberarea .member-form .mb-3 > label,
.memberarea .member-form .form-group > label,
.memberarea .member-form label{
  width:100%!important;
  max-width:520px;
  padding:0!important;
  margin:0 0 8px!important;
  color:white !important;
  font-weight:800;
  text-align:center!important;
}
.memberarea .member-form .mb-3 > div,
.memberarea .member-form .form-group > div,
.memberarea .member-form [class*="col-sm-"],
.memberarea .member-form [class*="col-md-"]{
  width:100%!important;
  max-width:520px;
  padding:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}
.memberarea .member-form .form-control,
.memberarea .member-form .form-select,
.memberarea .member-form input[type="text"],
.memberarea .member-form input[type="email"],
.memberarea .member-form input[type="password"],
.memberarea .member-form input[type="number"],
.memberarea .member-form select,
.memberarea .member-form textarea{
  width:100%!important;
  max-width:520px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
  background:#f8fafc!important;
  border:1px solid #dfe8f2!important;
  border-radius:16px!important;
  min-height:52px;
  color: black !important;
}
.memberarea .member-form .form-control-static{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:52px;
  padding:12px 15px;
  background:#f8fafc;
  border:1px solid #dfe8f2;
  border-radius:16px;
  color:var(--navy)!important;
  font-weight:800;
  margin:0;
}
.memberarea .member-form .btn-primary,
.memberarea .member-form button[type="submit"]{
  background:linear-gradient(135deg,var(--gold),#ffd06f)!important;
  border-color:transparent!important;
  color:#102033!important;
  min-width:180px;
  box-shadow:0 14px 30px rgba(245,173,32,.24);
}
.memberarea .member-form .btn-outline-secondary{
  background:#fff!important;
  border-color:#dfe8f2!important;
  color:var(--navy)!important;
}
.memberarea .member-form p.text-center{
  margin-bottom:0;
}
.memberarea .member-card img.full{
  display:block;
  margin:0 auto 10px;
}
.memberarea .member-card .row,
.memberarea .member-card [class*="col-md-4"]{
  text-align:center;
}
.memberarea .member-card [class*="col-md-4"]{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px 12px!important;
}
.memberarea .member-card [class*="col-md-4"] h3 b{
  color:var(--navy);
}
.memberarea .member-card [class*="col-md-4"] p{
  color:var(--muted);
  font-weight:800;
  margin-bottom:6px!important;
}
.memberarea .alert{
  width:100%;
  max-width:760px;
  border-radius:18px;
  text-align:center;
  margin-left:auto!important;
  margin-right:auto!important;
}
.memberarea .modal .member-form{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  max-width:100%;
}
.memberarea .modal .member-form .mb-3 > div,
.memberarea .modal .member-form [class*="col-sm-"],
.memberarea .modal .member-form [class*="col-md-"]{
  max-width:520px;
}
@media(max-width:767px){
  .memberarea{padding:30px 0 58px!important}
  .memberarea > .container,
  .memberarea .container.montrall,
  .memberarea .montrall{width:min(100% - 28px,620px)!important}
  .memberarea .list-inline{grid-template-columns:1fr 1fr;padding:10px!important;border-radius:20px}
  .member-card,
  .memberarea .member-form,
  .memberarea .member-page-header + .alert + .member-form,
  .memberarea .member-page-header + .member-form{padding:24px 18px!important;border-radius:24px!important}
  .memberarea .member-page-header h3{font-size:24px}
  .memberarea .member-form .btn,
  .memberarea .member-card .btn{width:100%;min-width:0}
}

/* Atsell Member Area Dashboard refinement */
.memberarea{
  min-height:100vh;
  padding:30px 0 80px!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(245,173,32,.20), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(135deg,#0b2038 0%,#102b49 46%,#071a2e 100%)!important;
}
.memberarea .container.montrall,
.memberarea .montrall{
  width:min(1120px,92%)!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}
.memberarea .list-inline{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0 auto 28px!important;
  padding:10px!important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  backdrop-filter:blur(14px);
}
.memberarea .list-inline-item{margin:0!important;padding:0!important;}
.memberarea .list-inline .btn{
  border-radius:999px!important;
  padding:11px 18px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;
  color:#eaf2fb!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.memberarea .list-inline .btn:hover,
.memberarea .list-inline .btn:focus{
  background:var(--gold)!important;
  color:#102033!important;
  border-color:var(--gold)!important;
}
.memberarea .member-card{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:0 auto!important;
  float:none!important;
  display:block!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:32px!important;
  padding:34px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px);
}
.memberarea .member-card > .clear-pd-col:first-child,
.memberarea .member-card img.full{
  text-align:center!important;
}
.memberarea .member-card img.full{
  width:220px!important;
  max-width:70%!important;
  display:block!important;
  margin:0 auto 24px!important;
  filter:drop-shadow(0 8px 16px rgba(16,43,73,.18));
}
.memberarea .notice-slick{
  border-radius:16px!important;
  border:1px solid var(--line)!important;
  background:#f8fafc!important;
  color:var(--navy)!important;
  padding:12px 16px!important;
  margin-bottom:22px!important;
}
.member-stats{
  width:100%!important;
  margin:20px auto 10px!important;
  padding:0!important;
  float:none!important;
}
.member-stats .member-stat-wrap{
  float:none!important;
  padding:0 8px!important;
  margin-bottom:16px!important;
}
.member-stats .member-stat-wrap > p,
.member-stats .member-stat-wrap > h3{
  width:100%;
}
.member-stats .member-stat-wrap{
  min-height:160px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:#f8fafc!important;
  border:1px solid #dfe8f2!important;
  border-radius:24px!important;
  padding:26px 18px!important;
  box-shadow:0 14px 36px rgba(16,43,73,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.member-stats .member-stat-wrap:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(16,43,73,.10);
}
.member-stats .member-stat-wrap p{
  color:#64748b!important;
  font-weight:900!important;
  font-size:16px!important;
  line-height:1.3!important;
  margin:0 0 10px!important;
}
.member-stats .member-stat-wrap h3{
  margin:0!important;
  font-size:30px!important;
  line-height:1.1!important;
  color:var(--navy)!important;
}
.member-stats .member-stat-wrap h3 b{color:var(--navy)!important;}
.memberarea .member-action-wrap{
  width:100%!important;
  text-align:center!important;
  margin:20px auto 0!important;
  float:none!important;
  padding:0!important;
}
.memberarea .member-action-wrap .btn,
.memberarea .btn-orange,
.memberarea .btn-lg:not(.btn-close){
  min-width:240px!important;
  height:58px!important;
  border-radius:999px!important;
  border:0!important;
  background:linear-gradient(135deg,var(--gold),#ffc454)!important;
  color:#102033!important;
  font-weight:900!important;
  box-shadow:0 16px 34px rgba(245,173,32,.26)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.memberarea .member-action-wrap .btn:hover,
.memberarea .btn-orange:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(245,173,32,.34)!important;
}
.memberarea .table-responsive{
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  margin-top:28px!important;
}
.memberarea table.table{
  margin:0!important;
  color:var(--text);
}
.memberarea table.table thead th{
  background:#f8fafc!important;
  color:var(--navy)!important;
  border-bottom:1px solid var(--line)!important;
  padding:14px!important;
}
.memberarea table.table td{
  padding:14px!important;
  border-color:var(--line)!important;
}
.memberarea .page-header,
.memberarea .member-page-header{
  text-align:center!important;
  margin:0 auto 22px!important;
  border:0!important;
}
.memberarea .page-header h3,
.memberarea .member-page-header h3{
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
.memberarea .member-form{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:28px!important;
  padding:34px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
.memberarea .member-form label,
.memberarea .member-form .form-label{
  color:var(--navy)!important;
  font-weight:900!important;
  text-align:center!important;
}
.memberarea .member-form .form-control{
  text-align:center!important;
}
.memberarea .member-form .btn-success,
.memberarea .member-form button[type="submit"]{
  background:linear-gradient(135deg,var(--gold),#ffc454)!important;
  color:#102033!important;
  border:0!important;
  border-radius:999px!important;
  font-weight:900!important;
  min-width:180px!important;
  height:52px!important;
}
.memberarea .modal-content{
  border-radius:26px!important;
  border:0!important;
  overflow:hidden;
}
.memberarea .modal-header{
  border-bottom:1px solid var(--line)!important;
}
.memberarea .modal-title{
  color:var(--navy)!important;
  font-weight:900!important;
}
.memberarea .otp-input{
  border:1px solid #dfe8f2!important;
  border-radius:12px!important;
}
@media(max-width:767px){
  .memberarea{padding:30px 0 54px!important;}
  .memberarea .container.montrall,
  .memberarea .montrall{width:min(100% - 28px,620px)!important;}
  .memberarea .list-inline{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
    border-radius:22px;
    gap:8px;
  }
  .memberarea .list-inline .btn{width:100%;justify-content:center;}
  .memberarea .member-card{padding:24px 18px!important;border-radius:26px!important;}
  .memberarea .member-card img.full{width:180px!important;margin-bottom:18px!important;}
  .member-stats{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .member-stats .member-stat-wrap{min-height:126px;margin-bottom:0!important;}
  .member-stats .member-stat-wrap h3{font-size:26px!important;}
  .memberarea .member-action-wrap .btn,
  .memberarea .btn-orange,
  .memberarea .btn-lg:not(.btn-close){width:100%!important;min-width:0!important;}
}


/* Atsell Cart Page - Bootstrap 5 Theme */
.cart-page{
  position:relative;
  min-height:100vh;
  padding:50px 0 84px!important;
  background:
    radial-gradient(circle at 18% 10%, rgba(245,173,32,.20), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(135deg,#0b2038 0%,#102b49 48%,#071a2e 100%)!important;
  overflow:hidden;
}
.cart-page:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
  opacity:.08;
  pointer-events:none;
}
.cart-page > .container{
  position:relative;
  z-index:1;
  width:min(1120px,92%)!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cart-top-panel{
  width:min(100%,760px)!important;
  margin:0 auto 5px!important;
  float:none!important;
  text-align:center;
}
.cart-top-panel .list-inline{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0 auto 22px!important;
  padding:10px!important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  backdrop-filter:blur(14px);
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.cart-top-panel .list-inline-item{margin:0!important;padding:0!important;}
.cart-top-panel .btn-outline-secondary{
  border-radius:999px!important;
  padding:11px 18px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;
  color:#eaf2fb!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.cart-top-panel .btn-outline-secondary:hover,
.cart-top-panel .btn-outline-secondary:focus{
  background:var(--gold)!important;
  color:#102033!important;
  border-color:var(--gold)!important;
}
.cart-top-panel .white-a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 18px;
  margin:0 6px 10px!important;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff!important;
  font-weight:900;
}
.cart-top-panel .white-a-text{
  min-height:46px;
  padding:10px 18px;
  margin:0 6px 10px!important;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff!important;
  font-weight:900;
}
.cart-page-header{
  width:min(100%,920px);
  margin:10px auto 20px;
  text-align:center;
}
.cart-page-header .eyebrow{margin-bottom:10px;}
.cart-page-header h3{
  color:#fff!important;
  font-size:32px;
  font-weight:900;
  letter-spacing:-.03em;
  margin:0;
}
.cart-page .alert{
  width:min(100%,920px);
  margin:0 auto 14px!important;
  border:0!important;
  border-radius:18px!important;
  padding:15px 18px!important;
  text-align:center;
  font-weight:800;
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.cart-order-card{
  width:min(100%,920px)!important;
  margin:0 auto!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.56)!important;
  border-radius:32px!important;
  padding:26px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px);
}
.cart-table-wrap{
  width:100%!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(16,43,73,.06);
}
.cart-table{
  margin:0!important;
  color:var(--text)!important;
}
.cart-table thead th{
  background:#f8fafc!important;
  color:var(--navy)!important;
  font-weight:900!important;
  border-bottom:1px solid var(--line)!important;
  padding:16px!important;
  font-size:14px;
}
.cart-table tbody td{
  padding:18px 16px!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  vertical-align:middle!important;
}
.cart-table .td-title{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
  color:var(--navy)!important;
  font-weight:900;
}
.cart-product-img{
  width:72px!important;
  height:72px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  border:1px solid var(--line)!important;
  background:#f8fafc;
  box-shadow:0 10px 24px rgba(16,43,73,.08);
}
.cart-table .form-control{
  border:1px solid #dfe8f2!important;
  border-radius:14px!important;
  min-height:48px;
  color:var(--text)!important;
  background:#f8fafc!important;
}
.cart-table .form-control:focus{
  border-color:rgba(245,173,32,.78)!important;
  box-shadow:0 0 0 4px rgba(245,173,32,.13)!important;
}
.cart-table .rating-value,
.cart-table .rating-value p,
.cart-table .white-a{
  color:var(--navy)!important;
  text-align:center;
}
.cart-table .rating{
  justify-content:center!important;
  margin:6px 0 12px;
}
.cart-submit-wrap{
  width:100%;
  margin:22px auto 0!important;
  padding:0!important;
}
.cart-submit-wrap .btn-cart-checkout{
  min-height:58px!important;
  border-radius:999px!important;
  border:0!important;
  background:linear-gradient(135deg,var(--gold),#ffc454)!important;
  color:#102033!important;
  font-weight:900!important;
  font-size:16px;
  box-shadow:0 16px 34px rgba(245,173,32,.26)!important;
}
.cart-submit-wrap .btn-cart-checkout:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(245,173,32,.34)!important;
}
.cart-page .modal-content{
  border:0!important;
  border-radius:26px!important;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}
.cart-page .modal-header,
.cart-page .modal-footer{
  border-color:var(--line)!important;
  padding:20px 24px!important;
}
.cart-page .modal-title{
  color:var(--navy)!important;
  font-weight:900!important;
}
.cart-page .modal-body{padding:24px!important;color:var(--text);}
@media(max-width:767px){
  .cart-page{padding:30px 0 58px!important;}
  .cart-page > .container{width:min(100% - 28px,620px)!important;}
  .cart-top-panel .list-inline{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
    border-radius:22px;
    gap:8px;
  }
  .cart-top-panel .btn-outline-secondary{width:100%;justify-content:center;}
  .cart-top-panel .white-a,.cart-top-panel .white-a-text{width:100%;margin:0 0 8px!important;}
  .cart-page-header h3{font-size:26px;}
  .cart-order-card{padding:18px!important;border-radius:26px!important;}
  .cart-table-wrap{border-radius:20px!important;}
  .cart-table thead{display:none;}
  .cart-table tbody tr{
    display:block;
    border-bottom:1px solid var(--line);
  }
  .cart-table tbody td{
    display:flex!important;
    justify-content:space-between;
    gap:14px;
    width:100%!important;
    border:0!important;
    padding:12px 14px!important;
  }
  .cart-table tbody td:first-child{display:block!important;}
  .cart-table tbody td:nth-child(2):before{content:'Qty';font-weight:900;color:var(--navy);}
  .cart-table tbody td:nth-child(4):before{content:'Commission';font-weight:900;color:var(--navy);}
  .cart-table .td-title{justify-content:flex-start!important;}
  .cart-product-img{width:64px!important;height:64px!important;}
  .cart-table .rating,
  .cart-table .rating-value{text-align:center;width:100%;}
}

/* Atsell custom Terms/Forgot modal fix - avoids Bootstrap .modal-backdrop conflict */
.atsell-custom-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  padding:24px;
  align-items:center;
  justify-content:center;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.atsell-custom-modal.active{display:flex!important;}
.atsell-modal-overlay{
  position:fixed;
  inset:0;
  z-index:1;
  background:rgba(5,18,32,.70);
  backdrop-filter:blur(8px);
}
.atsell-modal-box{
  position:relative;
  z-index:2;
  width:min(620px,100%);
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  background:#fff;
  border-radius:28px;
  padding:32px;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}
.atsell-modal-box.small{width:min(480px,100%);}
.atsell-terms-box{width:min(720px,100%);}
.atsell-terms-content{
  max-height:58vh;
  overflow-y:auto;
  padding:18px 18px;
  margin:8px 0 20px;
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:18px;
}
.atsell-terms-content p{
  margin:0;
  color:var(--muted);
  line-height:1.78;
  font-size:14.5px;
  text-align:left;
}
.atsell-modal-x{
  position:absolute;
  top:18px;
  right:18px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:3;
}
.atsell-modal-x:hover{background:#f8fafc;}
body.atsell-modal-open{overflow:hidden;}
@media(max-width:560px){
  .atsell-custom-modal{padding:14px;align-items:flex-start;}
  .atsell-modal-box{max-height:calc(100vh - 28px);padding:26px 20px;border-radius:24px;margin:auto 0;}
  .atsell-terms-content{max-height:58vh;padding:15px;}
  .atsell-modal-x{top:12px;right:12px;}
}


/* Work With Atsell official programme content update */
.official-note-section{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:26px 0;
}
.official-note-card{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px 26px;
  box-shadow:0 14px 38px rgba(16,43,73,.05);
  text-align:center;
}
.official-note-card .eyebrow{
  margin-bottom:8px;
}
.official-note-card p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}
.official-note-card b{
  color:var(--navy);
}
.footer p{
  color:#c5d4e5;
  line-height:1.7;
  margin:0;
}
@media(max-width:560px){
  .official-note-section{padding:18px 0}
  .official-note-card{padding:18px;text-align:left}
}


/* Work With Atsell independent partner programme redesign */
.logo-strip,.official-note-section{display:none!important;}
.programme-header .brand img{width:148px;}
.partner-programme-page .section{padding:88px 0;}
.programme-hero{min-height:720px;padding:145px 0 88px;}
.programme-hero .hero-bg{
  background:
    radial-gradient(circle at 82% 18%,rgba(245,173,32,.25),transparent 26%),
    radial-gradient(circle at 18% 78%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(120deg,rgba(9,29,52,.98),rgba(16,43,73,.94)),
    url('https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=1600&auto=format&fit=crop');
  background-size:cover;background-position:center;
}
.programme-hero h1{font-size:48px;max-width:680px;}
.programme-hero .hero-copy p{font-size:16.5px;max-width:620px;}
.programme-panel{border-radius:28px;padding:28px;}
.programme-panel .panel-top b{background:#fff7e8;color:#b87500;border-radius:999px;padding:7px 11px;font-size:12px;}
.programme-intro-grid{grid-template-columns:.92fr 1.08fr;}
.programme-highlight-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow);}
.programme-highlight-card div{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:20px;}
.programme-highlight-card b{display:block;color:var(--navy);font-weight:900;margin-bottom:7px;}
.programme-highlight-card span{display:block;color:var(--muted);line-height:1.65;font-size:14px;}
.partner-type-grid .feature-card{position:relative;overflow:hidden;}
.partner-type-grid .feature-card:after{content:"";position:absolute;right:-28px;top:-28px;width:82px;height:82px;background:rgba(245,173,32,.11);border-radius:50%;}
.benefit-grid{grid-template-columns:repeat(4,1fr);}
.programme-benefits-section .solution-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}
.programme-benefits-section .solution-card h3{color:#fff;}
.programme-benefits-section .solution-card p{color:#bfd0e3;}
.programme-timeline .step{border-top:4px solid var(--gold);}
.support-card{background:#fff!important;}
.support-board strong{font-size:15px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#fff7e8;color:#b87500;margin-bottom:10px;}
.requirement-list div{padding-left:24px;position:relative;}
.requirement-list div:before{content:"";position:absolute;left:0;top:25px;width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px rgba(245,173,32,.12);}
.lead-form select{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;margin-bottom:12px;outline:none;color:var(--text);background:#fff;}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:rgba(245,173,32,.75);box-shadow:0 0 0 4px rgba(245,173,32,.13);}
.footer .copyright{color:#8fa5bd;}
@media(max-width:900px){
  .programme-hero{padding-top:122px;min-height:auto;}
  .programme-hero h1{font-size:39px;}
  .programme-intro-grid,.support-card{grid-template-columns:1fr;}
  .programme-highlight-card,.benefit-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .partner-programme-page .section{padding:66px 0;}
  .programme-hero h1{font-size:33px;}
  .programme-highlight-card,.benefit-grid{grid-template-columns:1fr;}
  .programme-panel{padding:20px;border-radius:24px;}
  .programme-header .brand img{width:126px;}
}

/* Atsell Member Area - Black member card theme refinement */
.memberarea .member-card{
  background:linear-gradient(145deg,#050b14 0%,#0b1220 48%,#111827 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
  color:#dbe7f6!important;
}
.memberarea .member-card h1,
.memberarea .member-card h2,
.memberarea .member-card h3,
.memberarea .member-card h4,
.memberarea .member-card h5,
.memberarea .member-card h6,
.memberarea .member-card h3 b,
.memberarea .member-card .white-a
.memberarea form .white-a{
  color:#ffffff!important;
}
.memberarea .member-card p,
.memberarea .member-card span,
.memberarea .member-card small,
.memberarea .member-card label{
  color:#aebfd3!important;
}
.memberarea .member-card .notice-slick{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#dbe7f6!important;
}
.memberarea .member-card [class*="col-md-4"],
.member-stats .member-stat-wrap{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.memberarea .member-card [class*="col-md-4"] p,
.member-stats .member-stat-wrap p{
  color:#9fb0c7!important;
}
.memberarea .member-card [class*="col-md-4"] h3,
.memberarea .member-card [class*="col-md-4"] h3 b,
.member-stats .member-stat-wrap h3,
.member-stats .member-stat-wrap h3 b{
  color:#ffffff!important;
}
.memberarea .member-card .form-control,
.memberarea .member-card .form-select,
.memberarea .member-card input,
.memberarea .member-card select,
.memberarea .member-card textarea{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#ffffff!important;
}
.memberarea .member-card .form-control::placeholder,
.memberarea .member-card input::placeholder,
.memberarea .member-card textarea::placeholder{
  color:#7f91aa!important;
}
.memberarea .member-card .form-control:focus,
.memberarea .member-card .form-select:focus,
.memberarea .member-card input:focus,
.memberarea .member-card select:focus,
.memberarea .member-card textarea:focus{
  border-color:rgba(245,173,32,.78)!important;
  box-shadow:0 0 0 4px rgba(245,173,32,.16)!important;
}
.memberarea .member-card .table-responsive,
.memberarea .member-card table{
  background:rgba(255,255,255,.04)!important;
  color:#dbe7f6!important;
}
.memberarea .member-card table th{
  background:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.10)!important;
}
.memberarea .member-card table td{
  color:#dbe7f6!important;
  border-color:rgba(255,255,255,.10)!important;
}
.memberarea .member-card .btn-outline-secondary{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#ffffff!important;
}
.memberarea .member-card .btn-outline-secondary:hover{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#102033!important;
}

/* Atsell Member Area - Full black card/table/form/cart refinement */
.memberarea .member-card,
.memberarea .member-form,
.memberarea .profile-form,
.memberarea .wallet-card,
.memberarea .wallet-page .member-card,
.memberarea .profile-page form,
.memberarea .table-responsive,
.montrall .table-responsive,
.cart-page .cart-order-card,
.cart-page .cart-table-wrap{
  background:linear-gradient(145deg,#050b14 0%,#0b1220 50%,#111827 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
  color:#dbe7f6!important;
}
.memberarea .member-form,
.memberarea .profile-form{
  backdrop-filter:blur(18px);
}
.memberarea .member-card h1,
.memberarea .member-card h2,
.memberarea .member-card h3,
.memberarea .member-card h4,
.memberarea .member-card h5,
.memberarea .member-card h6,
.memberarea .member-form h1,
.memberarea .member-form h2,
.memberarea .member-form h3,
.memberarea .member-form h4,
.memberarea .member-form h5,
.memberarea .member-form h6,
.memberarea .table-responsive h1,
.memberarea .table-responsive h2,
.memberarea .table-responsive h3,
.memberarea .table-responsive h4,
.memberarea .table-responsive h5,
.memberarea .table-responsive h6,
.cart-page .cart-order-card h1,
.cart-page .cart-order-card h2,
.cart-page .cart-order-card h3,
.cart-page .cart-order-card h4,
.cart-page .cart-order-card h5,
.cart-page .cart-order-card h6,
.cart-page .cart-table-wrap h1,
.cart-page .cart-table-wrap h2,
.cart-page .cart-table-wrap h3,
.cart-page .cart-table-wrap h4,
.cart-page .cart-table-wrap h5,
.cart-page .cart-table-wrap h6{
  color:#ffffff!important;
}
.memberarea .member-card p,
.memberarea .member-card span,
.memberarea .member-card small,
.memberarea .member-card label,
.memberarea .member-form p,
.memberarea .member-form span,
.memberarea .member-form small,
.memberarea .member-form label,
.memberarea .table-responsive p,
.memberarea .table-responsive span,
.memberarea .table-responsive small,
.memberarea .table-responsive label,
.cart-page .cart-order-card p,
.cart-page .cart-order-card span,
.cart-page .cart-order-card small,
.cart-page .cart-order-card label,
.cart-page .cart-table-wrap p,
.cart-page .cart-table-wrap span,
.cart-page .cart-table-wrap small,
.cart-page .cart-table-wrap label{
  color:#aebfd3!important;
}
.memberarea .table-responsive table,
.montrall .table-responsive table,
.cart-page .cart-table{
  background:transparent!important;
  color:#dbe7f6!important;
}
.memberarea .table-responsive table thead th,
.memberarea table.table thead th,
.montrall .table-responsive table thead th,
.cart-page .cart-table thead th{
  background:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.memberarea .table-responsive table tbody td,
.memberarea table.table td,
.montrall .table-responsive table tbody td,
.cart-page .cart-table tbody td{
  background:transparent!important;
  color:#dbe7f6!important;
  border-color:rgba(255,255,255,.10)!important;
}
.memberarea .table-responsive table tbody tr:hover td,
.montrall .table-responsive table tbody tr:hover td,
.cart-page .cart-table tbody tr:hover td{
  background:rgba(255,255,255,.045)!important;
}
.memberarea .member-form .form-control,
.memberarea .member-form .form-select,
.memberarea .member-form input,
.memberarea .member-form select,
.memberarea .member-form textarea,
.memberarea .profile-form .form-control,
.memberarea .profile-form .form-select,
.memberarea .profile-form input,
.memberarea .profile-form select,
.memberarea .profile-form textarea,
.memberarea .member-card .form-control,
.memberarea .member-card .form-select,
.memberarea .member-card input,
.memberarea .member-card select,
.memberarea .member-card textarea,
.cart-page .cart-order-card .form-control,
.cart-page .cart-order-card .form-select,
.cart-page .cart-order-card input,
.cart-page .cart-order-card select,
.cart-page .cart-order-card textarea,
.cart-page .cart-table .form-control{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#ffffff!important;
}
.memberarea .member-form .form-control::placeholder,
.memberarea .member-form input::placeholder,
.memberarea .member-form textarea::placeholder,
.memberarea .profile-form input::placeholder,
.memberarea .profile-form textarea::placeholder,
.cart-page .cart-order-card input::placeholder,
.cart-page .cart-order-card textarea::placeholder,
.cart-page .cart-table .form-control::placeholder{
  color:#7f91aa!important;
}
.memberarea .member-form .form-control:focus,
.memberarea .member-form .form-select:focus,
.memberarea .member-form input:focus,
.memberarea .member-form select:focus,
.memberarea .member-form textarea:focus,
.memberarea .profile-form input:focus,
.memberarea .profile-form select:focus,
.memberarea .profile-form textarea:focus,
.cart-page .cart-order-card input:focus,
.cart-page .cart-order-card select:focus,
.cart-page .cart-order-card textarea:focus,
.cart-page .cart-table .form-control:focus{
  border-color:rgba(245,173,32,.78)!important;
  box-shadow:0 0 0 4px rgba(245,173,32,.16)!important;
}
.memberarea .member-form .form-control-static,
.memberarea .profile-form .form-control-static{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#ffffff!important;
}
.memberarea .member-form .alert,
.memberarea .member-card .alert,
.cart-page .cart-order-card .alert{
  background:rgba(245,173,32,.12)!important;
  border:1px solid rgba(245,173,32,.26)!important;
  color:#ffe0a3!important;
}
.memberarea .member-card [class*="col-md-4"],
.member-stats .member-stat-wrap,
.memberarea .wallet-card,
.memberarea .credit-card,
.memberarea .earning-card,
.cart-page .cart-order-card .cart-summary-card{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.memberarea .member-card [class*="col-md-4"] h3,
.memberarea .member-card [class*="col-md-4"] h3 b,
.member-stats .member-stat-wrap h3,
.member-stats .member-stat-wrap h3 b{
  color:#ffffff!important;
}
.memberarea .member-card [class*="col-md-4"] p,
.member-stats .member-stat-wrap p{
  color:#9fb0c7!important;
}
.memberarea .btn-outline-secondary,
.cart-page .cart-order-card .btn-outline-secondary{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#ffffff!important;
}
.memberarea .btn-outline-secondary:hover,
.cart-page .cart-order-card .btn-outline-secondary:hover{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#102033!important;
}
.cart-page .cart-table .td-title,
.cart-page .cart-table .rating-value,
.cart-page .cart-table .rating-value p,
.cart-page .cart-table .white-a{
  color:#ffffff!important;
}
.cart-page .cart-product-img{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
}
@media(max-width:767px){
  .cart-page .cart-table tbody tr{
    border-color:rgba(255,255,255,.10)!important;
  }
  .cart-page .cart-table tbody td:nth-child(2):before,
  .cart-page .cart-table tbody td:nth-child(3):before,
  .cart-page .cart-table tbody td:nth-child(4):before{
    color:#ffffff!important;
  }
}


/* Cart mobile product card order refinement */
@media(max-width:767px){
  .cart-page .cart-table-wrap{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .cart-page .cart-table,
  .cart-page .cart-table tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
  }
  .cart-page .cart-table tbody tr.cart-item-row{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:0 16px;
    width:100%!important;
    margin:0!important;
    padding:16px!important;
    background:linear-gradient(145deg,#050b14 0%,#0b1220 50%,#111827 100%)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  .cart-page .cart-table tbody tr.cart-item-row td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    padding:9px 0!important;
    border:0!important;
    background:transparent!important;
    color:#dbe7f6!important;
    font-size:14px;
  }
  .cart-page .cart-table tbody tr.cart-item-row td.td-title{
    grid-column:1 / -1;
    justify-content:flex-start!important;
    gap:12px!important;
    padding:0 0 14px!important;
    margin:0 0 8px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  .cart-page .cart-info{flex:1;min-width:0;}
  .cart-page .cart-info b{
    display:block;color:#fff!important;font-size:15px;line-height:1.35;word-break:break-word;
  }
  .cart-page .cart-product-img{
    width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:14px!important;
    border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;
  }
  .cart-page .cart-table tbody tr.cart-item-row td.cart-amount{grid-column:1;}
  .cart-page .cart-table tbody tr.cart-item-row td.cart-qty{grid-column:1;}
  .cart-page .cart-table tbody tr.cart-item-row td.cart-commission{grid-column:1;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:4px;padding-top:12px!important;}
  .cart-page .cart-table tbody tr.cart-item-row td.cart-amount:before{content:'Amount';}
  .cart-page .cart-table tbody tr.cart-item-row td.cart-qty:before{content:'Qty';}
  .cart-page .cart-table tbody tr.cart-item-row td.cart-commission:before{content:'Commission';}
  .cart-page .cart-table tbody tr.cart-item-row td:before{color:#9fb0c7!important;font-weight:900!important;}
  .cart-page .cart-table tbody tr.cart-item-row td b{color:#fff!important;font-weight:900!important;}
  .cart-page .cart-table tbody tr.cart-rating-row{
    display:block!important;width:100%!important;margin:0 0 16px!important;padding:0 16px 16px!important;
    background:linear-gradient(145deg,#050b14 0%,#0b1220 50%,#111827 100%)!important;
    border:1px solid rgba(255,255,255,.12)!important;border-top:0!important;border-radius:0 0 18px 18px!important;
  }
  .cart-page .cart-table tbody tr.cart-rating-row td{
    display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;
  }
  .cart-page .cart-table tbody tr.cart-rating-row td:before{content:none!important;}
}