:root{
  --color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-soft:rgba(22,163,74,.12);
  --color-secondary:#0f766e;--color-accent:#d97706;
  --color-bg:#022c22;--color-bg-soft:#08352b;--color-surface:#0b3b2f;--color-surface-strong:#114838;
  --color-card:linear-gradient(180deg,rgba(17,72,56,.95),rgba(8,53,43,.96));
  --color-card-alt:linear-gradient(180deg,rgba(11,59,47,.95),rgba(8,53,43,.95));
  --color-border:rgba(255,255,255,.12);--color-border-strong:rgba(255,255,255,.2);
  --color-text:#eefbf2;--color-text-soft:#c8e6d1;--color-text-muted:#9abda6;
  --color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;
  --color-footer-bg:#031f19;--color-footer-text:#9abda6;
  --gradient-hero:radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 28%),linear-gradient(180deg,rgba(2,44,34,.95),rgba(2,44,34,1));
  --gradient-button:linear-gradient(135deg,#16a34a,#22c55e);--gradient-button-hover:linear-gradient(135deg,#22c55e,#34d399);
  --gradient-cta:linear-gradient(135deg,rgba(22,163,74,.15),rgba(15,118,110,.12));
  --shadow-header:0 2px 16px rgba(0,0,0,.25);--shadow-card:0 8px 24px rgba(0,0,0,.18);
  --shadow-card-hover:0 12px 32px rgba(0,0,0,.28);--shadow-button:0 4px 12px rgba(22,163,74,.25);
  --shadow-soft:0 2px 8px rgba(0,0,0,.1);
  --radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--radius-card:16px;
  --font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Bengali",sans-serif;
  --fs-h1:clamp(28px,4vw,48px);--fs-h2:clamp(22px,3vw,36px);--fs-h3:clamp(18px,2.2vw,24px);
  --fs-body:17px;--fs-small:14px;--fs-nav:clamp(13px,.84vw,15px);--fs-button:15px;
  --lh-body:1.75;--lh-heading:1.25;
  --container-max:1200px;--container-wide:1400px;--container-narrow:820px;
  --section-y:clamp(48px,6vw,80px);--gap-sm:12px;--gap-md:20px;--gap-lg:32px;
  --header-h:72px;--mobile-header-h:64px;
  --motion-fast:.15s;--motion-normal:.3s;--motion-slow:.5s;--ease-out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);line-height:var(--lh-body);overflow-x:hidden;font-size:var(--fs-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-success);text-decoration:none;transition:color var(--motion-fast)}
a:hover{color:#34d399}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--color-success);outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Container */
.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,3vw,24px);width:100%}
.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 clamp(16px,3vw,32px);width:100%}
.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 clamp(16px,3vw,24px);width:100%}
.section-pad{padding:var(--section-y) 0}

/* ===== HEADER ===== */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(2,44,34,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:box-shadow var(--motion-normal)}
.site-header.scrolled{box-shadow:var(--shadow-header)}
.header-inner{width:100%;max-width:none;padding-left:clamp(10px,1.2vw,20px);padding-right:clamp(10px,1.2vw,20px);display:flex;align-items:center;gap:clamp(10px,1vw,18px);min-height:var(--header-h)}
.brand-wrap{flex:0 0 auto;margin-right:clamp(4px,.8vw,14px)}
.site-logo{display:block;width:auto;height:clamp(32px,3vw,42px);max-width:clamp(118px,10vw,168px);object-fit:contain}
.primary-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,.72vw,14px);white-space:nowrap;overflow:visible}
.primary-nav a{flex:0 1 auto;min-width:0;padding:9px clamp(6px,.65vw,12px);font-size:var(--fs-nav);line-height:1;white-space:nowrap;color:var(--color-text-soft);font-weight:500;border-radius:var(--radius-sm);transition:all var(--motion-fast)}
.primary-nav a:hover,.primary-nav a:focus{color:#fff;background:rgba(255,255,255,.06)}
.primary-nav a.active{color:#fff;background:rgba(34,197,94,.12);border-bottom:2px solid var(--color-primary)}
.header-actions{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.6vw,10px);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-pill);transition:all var(--motion-fast);font-size:var(--fs-button);text-decoration:none;line-height:1}
.btn-register{background:var(--gradient-button);color:#062814;padding:10px 20px;min-height:42px;box-shadow:var(--shadow-button)}
.btn-register:hover{background:var(--gradient-button-hover);color:#042313;transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,163,74,.3)}
.btn-login{border:1px solid rgba(125,211,167,.4);color:#dcfce7;padding:10px 20px;min-height:42px;background:transparent}
.btn-login:hover{background:rgba(34,197,94,.1);color:#fff;border-color:var(--color-primary)}
.btn-full{width:100%;justify-content:center}
.nav-toggle{display:none;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--motion-fast)}
.mobile-menu{display:none;position:fixed;left:12px;right:12px;top:calc(var(--header-h) + 8px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;z-index:999;max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,.4)}
.mobile-menu.is-open{display:block}
.mobile-menu-inner{display:flex;flex-direction:column;gap:4px}
.mobile-menu-inner a{padding:14px 16px;border-radius:var(--radius-sm);color:var(--color-text-soft);font-weight:500;font-size:16px}
.mobile-menu-inner a:hover,.mobile-menu-inner a.active{background:rgba(34,197,94,.08);color:#fff}
.mobile-btn{margin-top:8px}

@media(max-width:1180px){
  .primary-nav{display:none}
  .nav-toggle{display:inline-flex}
  .header-inner{padding-left:clamp(8px,2.4vw,14px);padding-right:clamp(8px,2.4vw,14px);gap:clamp(6px,1.8vw,10px);min-height:var(--mobile-header-h)}
  .brand-wrap{margin-right:0}
  .site-logo{height:clamp(30px,8vw,40px);max-width:clamp(104px,27vw,138px)}
  .header-actions{margin-left:auto}
  .header-actions .btn{min-height:40px;padding:8px clamp(10px,2.6vw,14px);font-size:clamp(12px,3.2vw,14px)}
  .nav-toggle{margin-left:2px}
}
@media(max-width:375px){
  .header-inner{padding-left:8px;padding-right:8px;gap:6px}
  .site-logo{max-width:104px}
  .header-actions .btn{min-height:38px;padding:7px 9px;font-size:12px}
  .nav-toggle{flex-basis:38px;width:38px;height:38px}
}

/* ===== HERO ===== */
.home-hero{background:var(--gradient-hero);padding:clamp(80px,10vw,120px) 0 clamp(48px,6vw,72px)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:center}
.hero-badge{display:inline-block;background:rgba(146,64,14,.22);color:#ffd8b4;border:1px solid rgba(146,64,14,.35);padding:8px 16px;border-radius:var(--radius-pill);font-size:var(--fs-small);margin-bottom:16px}
.hero-title{font-size:var(--fs-h1);line-height:var(--lh-heading);font-weight:700;margin-bottom:16px}
.hero-lead{font-size:18px;color:var(--color-text-soft);line-height:1.7;margin-bottom:24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.hero-trust{color:var(--color-text-muted);font-size:var(--fs-small);display:flex;align-items:center;gap:8px}
.hero-img,.hero-visual img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}}

/* ===== TRUST STRIP ===== */
.home-trust-strip{padding:24px 0;border-bottom:1px solid var(--color-border)}
.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(16px,3vw,40px)}
.trust-item{display:flex;align-items:center;gap:8px;color:var(--color-text-soft);font-size:var(--fs-small);font-weight:500}
.trust-item i{color:var(--color-primary);font-size:18px}

/* ===== SECTION HEADERS ===== */
.section-header{text-align:center;margin-bottom:clamp(32px,4vw,48px)}
.section-title{font-size:var(--fs-h2);line-height:var(--lh-heading);font-weight:700;color:#f4fff7;margin-bottom:12px}
.section-sub{color:var(--color-text-soft);max-width:860px;margin:0 auto;line-height:1.7}

/* ===== CARDS ===== */
.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-md)}
.feature-card,.info-card,.step-card,.security-card,.review-card,.value-card,.trust-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(20px,2.5vw,28px);transition:all var(--motion-normal);height:100%}
.feature-card:hover,.info-card:hover,.review-card:hover,.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:rgba(34,197,94,.25)}
.card-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--color-primary-soft);color:var(--color-primary);font-size:24px;margin-bottom:16px;border:1px solid rgba(125,211,167,.2)}
.feature-card h3,.info-card h3,.step-card h3,.security-card h3,.review-card h3,.value-card h3,.trust-card h3{font-size:var(--fs-h3);margin-bottom:8px;color:#f4fff7}
.feature-card p,.info-card p,.step-card p,.security-card p,.review-card p,.value-card p,.trust-card p{color:var(--color-text-soft);line-height:1.7;font-size:15px}
.info-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm)}
.step-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap-md)}
.step-card{position:relative;padding-top:48px}
.step-number{position:absolute;top:16px;left:20px;width:32px;height:32px;background:var(--gradient-button);color:#062814;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm)}
.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-md)}
.value-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap-md)}

/* ===== LAYOUTS ===== */
.showcase-layout,.guide-layout,.privacy-layout,.security-layout,.responsible-layout,.about-hero-layout,.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:start}
@media(max-width:900px){.showcase-layout,.guide-layout,.privacy-layout,.security-layout,.responsible-layout,.about-hero-layout,.auth-grid{grid-template-columns:1fr}}
.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap-lg);align-items:start}
@media(max-width:900px){.intro-layout{grid-template-columns:1fr}}

/* ===== TRUST CALLOUT ===== */
.trust-callout{border-left:4px solid var(--color-primary);background:rgba(34,197,94,.06);border-radius:var(--radius-md);padding:clamp(16px,2vw,24px)}
.trust-callout p{margin-bottom:12px;color:var(--color-text-soft);line-height:1.7}
.trust-callout p:last-child{margin-bottom:0}

/* ===== TABLE ===== */
.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}
table{width:100%;border-collapse:collapse;color:var(--color-text)}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
th{background:rgba(17,72,56,.8);font-weight:600;font-size:var(--fs-small)}
tr:last-child td{border-bottom:none}

/* ===== FAQ ===== */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.faq-trigger{width:100%;padding:16px 20px;background:transparent;border:none;color:var(--color-text);font-weight:600;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}
.faq-trigger:hover{background:rgba(34,197,94,.06)}
.faq-trigger i{transition:transform var(--motion-normal);flex-shrink:0;color:var(--color-primary)}
.faq-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.faq-answer{display:none;padding:0 20px 16px;color:var(--color-text-soft);line-height:1.7}
.faq-answer p{margin-bottom:8px}
.faq-item.is-open .faq-answer{display:block}
.faq-groups{display:flex;flex-direction:column;gap:32px}
.faq-group h3{font-size:var(--fs-h3);margin-bottom:16px;color:#f4fff7}

/* ===== CTA ===== */
.final-cta-card,.guide-cta-panel,.policy-cta-card,.faq-cta-card,.about-cta{background:var(--gradient-cta);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(32px,4vw,48px);text-align:center}
.final-cta-card h2,.guide-cta-panel h3,.policy-cta-card h2,.faq-cta-card h2{font-size:var(--fs-h2);margin-bottom:12px}
.final-cta-card p,.guide-cta-panel p,.policy-cta-card p,.faq-cta-card p{color:var(--color-text-soft);margin-bottom:20px}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}
.cta-trust{color:var(--color-text-muted);font-size:var(--fs-small);display:flex;align-items:center;justify-content:center;gap:6px}
.related-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}
.related-link{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-soft);font-size:var(--fs-small)}
.related-link:hover{border-color:var(--color-primary);color:#fff;background:rgba(34,197,94,.08)}

/* ===== CHECKLIST ===== */
.checklist-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(20px,2.5vw,32px)}
.checklist-card h3{font-size:var(--fs-h3);margin-bottom:16px}
.checklist-card ul{display:flex;flex-direction:column;gap:12px}
.checklist-card li{display:flex;align-items:flex-start;gap:10px;color:var(--color-text-soft);line-height:1.6}
.checklist-card li i{color:var(--color-primary);margin-top:3px;flex-shrink:0}

/* ===== BREADCRUMB ===== */
.breadcrumb-nav{margin-bottom:16px}
.breadcrumb-list{display:flex;flex-wrap:wrap;gap:4px;font-size:var(--fs-small);color:var(--color-text-muted)}
.breadcrumb-item::after{content:"/";margin-left:8px;color:var(--color-text-muted)}
.breadcrumb-item:last-child::after{content:none}
.breadcrumb-item a{color:var(--color-text-muted)}
.breadcrumb-item a:hover{color:var(--color-primary)}

/* ===== AUTH PAGES ===== */
.auth-form-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px)}
.auth-form-card h2{font-size:var(--fs-h2);margin-bottom:24px}
.form-group{margin-bottom:16px}
.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-soft);font-size:var(--fs-small)}
.form-group input{width:100%;padding:12px 16px;background:rgba(255,255,255,.06);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:16px;font-family:var(--font-base);transition:border-color var(--motion-fast)}
.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(34,197,94,.15)}
.form-help{text-align:center;margin-top:16px;font-size:var(--fs-small);color:var(--color-text-muted)}
.form-help a{color:var(--color-primary)}
.auth-security-note{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;background:rgba(34,197,94,.06);border-radius:var(--radius-sm);border:1px solid rgba(34,197,94,.15)}
.auth-security-note i{color:var(--color-primary);font-size:20px;flex-shrink:0}
.auth-security-note p{font-size:var(--fs-small);color:var(--color-text-soft);margin:0}
.auth-trust-cards{display:flex;flex-direction:column;gap:16px}
.auth-step-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap-md)}
.auth-step{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;position:relative}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-button);color:#062814;border-radius:50%;font-weight:700;font-size:14px;margin-bottom:12px}

/* ===== ARTICLE ===== */
.article-shell{padding:var(--section-y) 0}
.article-header{margin-bottom:24px}
.article-title{font-size:var(--fs-h1);line-height:var(--lh-heading)}
.article-meta{color:var(--color-text-muted);font-size:var(--fs-small);margin-top:8px}
.article-cover{margin-bottom:32px}
.article-cover img,.article-cover-img{border-radius:var(--radius-lg);width:100%}
.article-body.prose{max-width:var(--container-narrow)}
.article-body.prose p{margin-bottom:18px;line-height:1.85;color:var(--color-text-soft)}
.article-body.prose h2{font-size:var(--fs-h2);margin:32px 0 16px;color:#f4fff7}
.article-body.prose h3{font-size:var(--fs-h3);margin:24px 0 12px;color:#f4fff7}
.article-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}
.article-related h2{font-size:var(--fs-h3);margin-bottom:16px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-md)}
.article-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:all var(--motion-normal)}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.article-card img{width:100%;height:200px;object-fit:cover}
.article-card-body{padding:20px}
.article-date{font-size:12px;color:var(--color-text-muted)}
.article-card-body h3{margin:8px 0;font-size:var(--fs-h3)}
.article-card-body h3 a{color:var(--color-text)}
.article-card-body p{color:var(--color-text-soft);font-size:15px;line-height:1.6;margin-bottom:12px}
.read-more{color:var(--color-primary);font-weight:600;font-size:var(--fs-small)}

/* ===== POLICY ===== */
.policy-updated{color:var(--color-text-muted);font-size:var(--fs-small);display:flex;align-items:center;gap:6px;margin-top:8px}
.policy-body{max-width:var(--container-narrow)}
.policy-body p{margin-bottom:16px;color:var(--color-text-soft);line-height:1.8}
.policy-img{border-radius:var(--radius-lg);margin-top:24px}

/* ===== FOOTER ===== */
.site-footer{background:var(--color-footer-bg);border-top:1px solid var(--color-border);padding:clamp(48px,6vw,72px) 0 32px}
.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,3vw,24px)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--gap-lg)}
.footer-logo-link img{margin-bottom:16px}
.footer-desc{color:var(--color-footer-text);font-size:var(--fs-small);line-height:1.7;margin-bottom:12px}
.footer-email{color:var(--color-footer-text);font-size:var(--fs-small)}
.footer-heading{font-size:16px;color:#fff;margin-bottom:16px;font-weight:600}
.footer-col ul{display:flex;flex-direction:column;gap:8px}
.footer-col a{color:var(--color-footer-text);font-size:var(--fs-small);transition:color var(--motion-fast)}
.footer-col a:hover{color:#fff}
.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.footer-bottom p{color:var(--color-text-muted);font-size:12px;max-width:700px}
.footer-cta{font-size:var(--fs-small)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--gap-md)}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}

/* ===== PAGE TITLES ===== */
.page-title{font-size:var(--fs-h1);line-height:var(--lh-heading);font-weight:700;margin-bottom:16px}
.page-lead{color:var(--color-text-soft);font-size:18px;line-height:1.7;max-width:var(--container-narrow)}

/* ===== SECTION IMAGES ===== */
.section-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.08);margin-top:24px;width:100%}

/* ===== 404 ===== */
.error-content{text-align:center;padding:clamp(48px,8vw,96px) 0}
.error-code{font-size:clamp(80px,15vw,160px);font-weight:700;background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.error-content h2{font-size:var(--fs-h2);margin:16px 0}
.error-content p{color:var(--color-text-soft);margin-bottom:24px}

/* ===== FEATURE LIST ===== */
.feature-list{padding-left:0;margin:16px 0}
.feature-list li{padding:8px 0;color:var(--color-text-soft);line-height:1.6;border-bottom:1px solid rgba(255,255,255,.06)}
.feature-list li strong{color:var(--color-text)}

/* ===== GUIDE PAGES ===== */
.guide-section .section-body{max-width:var(--container-narrow)}
.guide-section .section-body p{margin-bottom:16px;color:var(--color-text-soft);line-height:1.8}
.sidebar-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px}
.sidebar-card ul{padding-left:0;margin-top:12px}
.sidebar-card li{padding:6px 0;color:var(--color-text-soft)}

/* ===== AOS FALLBACK ===== */
[data-aos]{opacity:1!important;transform:none!important}

/* ===== SWIPER FALLBACK ===== */
.swiper:not(.swiper-initialized){display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 auto;scroll-snap-align:start}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .info-card-grid,.security-cards{grid-template-columns:1fr}
  .hero-visual{order:-1}
}
@media(max-width:414px){
  .step-cards,.auth-step-list{grid-template-columns:1fr}
  .feature-cards{grid-template-columns:1fr}
}
