@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --font-inter: 'Inter', sans-serif;
  --black: #181c31;
  --blackho: #2c3149;
  --blacksection: #1c2136;
  --primary: #006bff;
  --primaryho: #0063ec;
  --meta: #20c5a8;
  --stroke: #eeeeee;
  --strokedark: #2d2f40;
  --hoverdark: #252a42;
  --btndark: #292e45;
  --white: #ffffff;
  --waterloo: #757693;
  --manatee: #999aa1;
  --titlebg: #adfff8;
  --titlebgdark: #46495a;
  --zumthor: #edf5ff;
  --socialicon: #d1d8e0;
}

html{scroll-behavior:smooth}
body{
  font-family: var(--font-inter);
  background: var(--black);
  color: var(--manatee);
  font-size: 16px;
  line-height: 1.625;
  position: relative;
  z-index: 1;
}
a{color:inherit;text-decoration:none;transition:all 0.3s}
a:hover{color:var(--primary)}
img{max-width:100%;height:auto}
ul{list-style:none;padding:0;margin:0}

.lines-bg{
  position:fixed;left:0;top:0;z-index:-20;
  display:flex;width:100%;height:100%;
  align-items:center;justify-content:space-around;
}
.lines-bg span{
  display:flex;width:1px;height:100%;
  background:var(--strokedark);
  animation:line 3s linear infinite;
}
.lines-bg span:nth-child(2){animation-duration:6s}
.lines-bg span:nth-child(3){animation-duration:9s}
@keyframes line{0%,100%{transform:translateY(100%)}50%{transform:translateY(0)}}

header{
  position:fixed;left:0;top:0;z-index:99999;
  width:100%;padding:28px 0;
  transition:all 0.3s;
}
header.sticky{
  background:var(--black);
  padding:16px 0;
  box-shadow:0 1px 0 var(--strokedark);
}
.header-inner{
  max-width:1390px;margin:0 auto;
  padding:0 16px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo img{height:40px;width:auto}
.nav-menu{display:flex;align-items:center;gap:40px}
.nav-menu a{color:var(--waterloo);font-size:16px;transition:all 0.3s}
.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-right a.signin{color:var(--waterloo);font-size:16px}
.nav-right a.signin:hover{color:var(--primary)}
.btn-primary-rounded{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--primary);color:#fff;
  padding:10px 30px;border-radius:999px;
  font-size:16px;font-weight:500;
  transition:all 0.3s;border:none;cursor:pointer;
}
.btn-primary-rounded:hover{background:var(--primaryho);color:#fff}
.btn-dark-rounded{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--btndark);color:#fff;
  padding:10px 30px;border-radius:999px;
  font-size:16px;font-weight:500;
  transition:all 0.3s;border:none;cursor:pointer;
}
.btn-dark-rounded:hover{background:var(--blackho);color:#fff}

.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mobile-toggle span{display:block;width:22px;height:2px;background:var(--white);margin:5px 0;border-radius:2px}

.hero{overflow:hidden;padding:140px 0 80px}
.hero .container{max-width:1390px;margin:0 auto;padding:0 16px}
.hero-flex{display:flex;align-items:center;gap:32px}
.hero-content{width:50%}
.hero-content h4{
  margin-bottom:18px;font-size:18px;font-weight:500;
  color:var(--white);
}
.hero-content h1{
  margin-bottom:20px;font-size:44px;line-height:1.32;
  font-weight:700;color:var(--white);
  padding-right:64px;
}
.hero-content h1 .highlight{
  position:relative;display:inline-block;
}
.hero-content h1 .highlight::before{
  content:'';position:absolute;bottom:10px;left:0;
  z-index:-1;height:12px;width:100%;
  background:var(--titlebgdark);
}
.hero-content p{margin-bottom:40px;font-size:16px;line-height:1.625}
.hero-btns{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.hero-form{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.hero-form input{
  padding:10px 24px;border-radius:999px;
  border:1px solid var(--strokedark);
  background:var(--black);color:var(--white);
  font-size:16px;outline:none;
  box-shadow:none;
}
.hero-form input:focus{border-color:var(--primary)}
.hero-form input::placeholder{color:var(--waterloo)}
.hero-image{width:50%;position:relative}
.hero-image .hero-img-wrapper{
  position:relative;width:100%;
  aspect-ratio:700/444;
  background:var(--blacksection);
  border-radius:12px;
  border:1px solid var(--strokedark);
  overflow:hidden;
}

.container{max-width:1315px;margin:0 auto;padding:0 16px}
.container-wide{max-width:1390px;margin:0 auto;padding:0 16px}

.section-header{text-align:center;margin-bottom:50px}
.section-header .badge{
  display:inline-block;
  padding:6px 18px;border-radius:999px;
  background:transparent;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
  font-size:12px;line-height:20px;
  font-weight:500;color:var(--white);
  margin-bottom:16px;
}
.section-header h2{
  font-size:44px;line-height:1.25;font-weight:700;
  color:var(--white);
  margin-bottom:16px;
  width:50%;margin-left:auto;margin-right:auto;
}
.section-header p{
  width:46%;margin:0 auto;
  font-size:16px;line-height:1.625;
}

section.features{padding:80px 0 100px}
.features-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:30px;margin-top:50px;
}
.feature-card{
  border-radius:8px;padding:30px;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
  transition:all 0.3s;
}
.feature-card:hover{background:var(--hoverdark)}
.feature-icon{
  width:64px;height:64px;border-radius:4px;
  background:var(--primary);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:30px;
}
.feature-icon i{font-size:28px;color:#fff}
.feature-icon img{width:36px;height:36px}
.feature-card h3{
  font-size:26px;line-height:1.23;font-weight:600;
  color:var(--white);margin-bottom:20px;
}
.feature-card p{font-size:16px;line-height:1.625}

section.about{overflow:hidden;padding:0 0 80px}
.about-flex{display:flex;align-items:center;gap:32px}
.about-flex.reverse{flex-direction:row-reverse}
.about-image-col{width:50%;position:relative}
.about-image-col .img-placeholder{
  width:100%;aspect-ratio:588/526;
  background:var(--blacksection);border-radius:12px;
  border:1px solid var(--strokedark);
  overflow:hidden;
}
.about-content-col{width:50%}
.about-content-col .overline{
  font-weight:500;text-transform:uppercase;color:var(--white);
  display:flex;align-items:center;gap:16px;margin-bottom:16px;
}
.about-content-col .overline .new-badge{
  display:inline-flex;padding:4px 18px;
  border-radius:999px;background:var(--meta);
  font-size:12px;line-height:20px;
  text-transform:uppercase;color:#fff;font-weight:500;
}
.about-content-col h2{
  font-size:44px;line-height:1.32;font-weight:700;
  color:var(--white);margin-bottom:24px;
  position:relative;
}
.about-content-col h2 .highlight{
  position:relative;display:inline-block;
}
.about-content-col h2 .highlight::before{
  content:'';position:absolute;bottom:10px;left:0;
  z-index:-1;height:12px;width:100%;
  background:var(--titlebgdark);
}
.about-content-col p{margin-bottom:16px}
.about-content-col .numbered-list{margin-top:30px}
.about-content-col .numbered-item{
  display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;
}
.about-content-col .num-circle{
  width:60px;height:60px;min-width:60px;
  border-radius:50%;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:32px;font-weight:600;
  color:var(--white);
}
.about-content-col .num-text h3{
  font-size:20px;line-height:32px;font-weight:500;
  color:var(--white);margin-bottom:2px;
}
.about-content-col .num-text p{font-size:16px;margin-bottom:0}

.know-more{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--white);font-weight:500;margin-top:30px;
  transition:all 0.3s;
}
.know-more:hover{color:var(--primary)}
.know-more:hover span{padding-right:8px}
.know-more span{transition:all 0.3s}
.know-more svg{width:14px;height:14px;fill:currentColor}

section.about-two{padding:0 0 80px;overflow:hidden}

section.features-tab{position:relative;padding:74px 0 80px}
.tab-menu{
  display:flex;align-items:center;
  border-radius:10px;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
  box-shadow:0 8px 24px rgba(10,16,35,0.08);
  margin-bottom:60px;
  overflow:hidden;
}
.tab-item{
  flex:1;display:flex;align-items:center;gap:16px;
  padding:20px 54px;cursor:pointer;position:relative;
  border:none;background:none;color:inherit;
  font-family:var(--font-inter);
}
.tab-item.active::before{
  content:'';position:absolute;bottom:0;left:0;
  height:4px;width:100%;background:var(--primary);
  border-radius:4px 4px 0 0;
}
.tab-num{
  width:50px;height:50px;border-radius:50%;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;line-height:26px;font-weight:500;
  color:var(--white);
}
.tab-label{
  font-size:16px;font-weight:500;color:var(--white);
  text-align:left;
}
.tab-content{max-width:1154px;margin:0 auto}
.tab-content-item{display:none}
.tab-content-item.active{display:block}
.tab-content-flex{display:flex;gap:60px;align-items:center}
.tab-content-text{width:50%}
.tab-content-text h2{
  font-size:36px;line-height:1.3;font-weight:700;
  color:var(--white);margin-bottom:16px;
}
.tab-content-text p{margin-bottom:16px}
.tab-content-image{
  width:50%;
  background:var(--blacksection);border-radius:12px;
  border:1px solid var(--strokedark);
  aspect-ratio:16/10;overflow:hidden;
}

section.funfact{padding:80px 16px}
.funfact-inner{
  position:relative;z-index:1;
  max-width:1390px;margin:0 auto;
  border-radius:8px;
  background:var(--blacksection);
  padding:90px 0 110px;
  text-align:center;
}
.funfact-inner h2{
  font-size:44px;line-height:1.25;font-weight:700;
  color:var(--white);margin-bottom:16px;
}
.funfact-inner>p{
  width:50%;margin:0 auto 50px;
}
.stats-row{
  display:flex;justify-content:center;
  gap:170px;flex-wrap:wrap;
}
.stat-item{text-align:center}
.stat-item h3{
  font-size:44px;line-height:1.25;font-weight:700;
  color:var(--white);margin-bottom:10px;
}
.stat-item p{font-size:22px;line-height:1.59}

section.cta{overflow:hidden;padding:80px 16px 120px}
.cta-inner{
  max-width:1390px;margin:0 auto;
  border-radius:8px;background:var(--blacksection);
  padding:0 70px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.cta-inner .cta-text{width:50%;padding:50px 0}
.cta-inner .cta-text h2{
  font-size:34px;line-height:1.41;font-weight:700;
  color:var(--white);margin-bottom:16px;
  width:90%;
}
.cta-inner .cta-text p{font-size:16px}
.cta-inner .cta-action{
  display:flex;align-items:center;justify-content:flex-end;
  width:45%;padding:30px 0;
}

section.faq{overflow:hidden;padding:0 0 80px}
.faq-flex{
  display:flex;flex-wrap:wrap;gap:32px;
  align-items:flex-start;
}
.faq-left{width:calc(50% - 16px)}
.faq-left .overline{
  font-weight:500;text-transform:uppercase;
  color:var(--white);margin-bottom:8px;
}
.faq-left h2{
  font-size:44px;line-height:1.32;font-weight:700;
  color:var(--white);margin-bottom:24px;
}
.faq-left h2 .highlight{
  position:relative;display:inline-block;
}
.faq-left h2 .highlight::before{
  content:'';position:absolute;bottom:10px;left:0;
  z-index:-1;height:12px;width:100%;
  background:var(--titlebgdark);
}
.faq-right{width:calc(50% - 16px)}
.faq-accordion{
  border-radius:8px;overflow:hidden;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
}
.faq-item{border-bottom:1px solid var(--strokedark)}
.faq-item:last-child{border-bottom:none}
.faq-question{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 36px;cursor:pointer;
  font-size:18px;line-height:26px;font-weight:500;
  color:var(--white);
  border:none;background:none;width:100%;text-align:left;
  font-family:var(--font-inter);
}
.faq-question svg{flex-shrink:0;fill:currentColor}
.faq-answer{
  padding:0 36px;max-height:0;overflow:hidden;
  transition:max-height 0.3s ease,padding 0.3s ease;
  border-top:0 solid var(--strokedark);
}
.faq-item.active .faq-answer{
  max-height:300px;padding:20px 36px;
  border-top:1px solid var(--strokedark);
}

section.testimonials{padding:0 0 80px}
.testimonial-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
  max-width:1235px;margin:60px auto 0;padding:0 16px;
}
.testimonial-card{
  border-radius:8px;padding:36px;padding-top:30px;
  border:1px solid var(--strokedark);
  background:var(--blacksection);
}
.testimonial-header{
  display:flex;justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--strokedark);
  padding-bottom:24px;margin-bottom:30px;
}
.testimonial-header .info h3{
  font-size:18px;line-height:26px;font-weight:500;
  color:var(--white);margin-bottom:6px;
}
.testimonial-header .info p{font-size:14px}
.testimonial-avatar{
  width:50px;height:50px;border-radius:50%;
  background:var(--primary);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;color:#fff;
}
.testimonial-card>p{font-size:16px;line-height:1.625}

footer{
  border-top:1px solid var(--strokedark);
  background:var(--blacksection);
}
.footer-top{padding:80px 0 100px}
.footer-flex{
  display:flex;flex-wrap:wrap;gap:32px;
  justify-content:space-between;
}
.footer-brand{width:25%}
.footer-brand img{height:40px;margin-bottom:20px}
.footer-brand>p{margin-bottom:40px}
.footer-brand .contact-label{
  font-size:12px;line-height:20px;text-transform:uppercase;
  letter-spacing:5px;margin-bottom:6px;
}
.footer-brand .contact-email{
  font-size:26px;line-height:1.23;font-weight:500;
  color:var(--white);
}
.footer-cols{
  display:flex;gap:80px;width:58%;
}
.footer-col h4{
  font-size:24px;line-height:32px;font-weight:500;
  color:var(--white);margin-bottom:36px;
}
.footer-col ul li{margin-bottom:12px}
.footer-col ul li a{font-size:16px;transition:all 0.3s}
.footer-col ul li a:hover{color:var(--primary)}
.footer-newsletter p{margin-bottom:16px;width:90%}
.newsletter-form{position:relative}
.newsletter-form input{
  width:100%;padding:12px 24px;
  border-radius:999px;
  border:1px solid var(--strokedark);
  background:var(--black);color:var(--white);
  font-size:16px;outline:none;
}
.newsletter-form input:focus{border-color:var(--primary)}
.newsletter-form button{
  position:absolute;right:0;top:0;
  padding:16px;border:none;background:none;cursor:pointer;
}
.newsletter-form button svg{fill:var(--waterloo);transition:all 0.3s}
.newsletter-form button:hover svg{fill:var(--primary)}

.footer-bottom{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:20px;
  border-top:1px solid var(--strokedark);
  padding:28px 0;
}
.footer-bottom-links{display:flex;gap:32px}
.footer-bottom-links a{font-size:16px;transition:all 0.3s}
.footer-bottom-links a:hover{color:var(--primary)}
.footer-bottom p{font-size:16px}
.social-icons{display:flex;gap:20px}
.social-icons a svg{
  fill:var(--socialicon);transition:all 0.3s;
  width:24px;height:24px;
}
.social-icons a:hover svg{fill:var(--primary)}

.videos{padding:100px 0;background:var(--blacksection)}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.video-card{
  background:var(--black);border:1px solid var(--strokedark);
  border-radius:12px;overflow:hidden;transition:all 0.3s;
}
.video-card:hover{border-color:var(--primary);transform:translateY(-4px)}
.video-iframe-wrapper{
  position:relative;width:100%;padding-bottom:56.25%;
  background:#000;
}
.video-iframe-wrapper iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;
  border:none;
}
.video-info{padding:16px 20px}
.video-info h3{font-size:16px;font-weight:600;color:var(--white);line-height:1.4}
@media(max-width:1024px){.videos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.videos-grid{grid-template-columns:1fr}}

.auth-section{padding:130px 0 50px}
.auth-wrapper{
  position:relative;z-index:1;
  max-width:1016px;margin:0 auto;
  padding:40px 30px 30px;
}
.auth-wrapper .bg-gradient{
  position:absolute;left:0;top:0;z-index:-1;
  height:66%;width:100%;border-radius:8px;
  background:linear-gradient(to top,transparent,rgba(37,42,66,1));
}
.auth-card{
  border-radius:8px;
  padding:30px;
  background:var(--black);
  border:1px solid var(--strokedark);
  box-shadow:0 12px 120px rgba(45,74,170,0.06);
}
.auth-card h2{
  text-align:center;font-size:40px;line-height:1.3;
  font-weight:600;color:var(--white);
  margin-bottom:60px;
}
.auth-card .social-btns{display:flex;gap:32px;margin-bottom:24px}
.auth-card .social-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:12px;
  padding:12px;border-radius:4px;
  border:none;background:rgba(44,48,59,1);
  color:var(--white);font-size:16px;cursor:pointer;
  transition:all 0.3s;
}
.auth-card .social-btn:hover{border-color:var(--primary);color:var(--primary)}
.auth-divider{
  display:flex;align-items:center;margin-bottom:40px;
}
.auth-divider span{
  height:1px;flex:1;background:var(--strokedark);
}
.auth-divider p{
  padding:0 20px;text-align:center;white-space:nowrap;
}
.auth-form-row{
  display:flex;gap:56px;margin-bottom:30px;
}
.auth-form-row input,.auth-form-col input{
  width:100%;padding:0 0 14px;
  border:none;border-bottom:1px solid var(--strokedark);
  background:transparent!important;color:var(--white);
  font-size:16px;font-family:var(--font-inter);
  outline:none;
}
.auth-form-row input:focus,.auth-form-col input:focus{
  border-bottom-color:var(--manatee);
}
.auth-form-row input::placeholder,.auth-form-col input::placeholder{
  color:var(--waterloo);
}
.auth-form-col{margin-bottom:30px}
.auth-actions{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:20px;
}
.auth-actions .remember{
  display:flex;align-items:center;gap:8px;
}
.auth-actions .remember input[type="checkbox"]{
  width:20px;height:20px;accent-color:var(--primary);
  cursor:pointer;
}
.auth-actions .remember label{cursor:pointer}
.auth-actions .forgot{color:var(--manatee);transition:all 0.3s}
.auth-actions .forgot:hover{color:var(--primary)}
.auth-footer{
  margin-top:50px;padding-top:20px;
  border-top:1px solid var(--strokedark);
  text-align:center;
}
.auth-footer a{
  color:var(--white);font-weight:500;
  transition:all 0.3s;
}
.auth-footer a:hover{color:var(--primary)}
.form-error{
  background:rgba(239,68,68,0.1);
  border:1px solid rgba(239,68,68,0.3);
  color:#fca5a5;padding:12px 16px;border-radius:8px;
  margin-bottom:30px;font-size:14px;text-align:center;
}
.form-info{
  background:rgba(0,107,255,0.1);
  border:1px solid rgba(0,107,255,0.3);
  color:#93c5fd;padding:12px 16px;border-radius:8px;
  margin-bottom:30px;font-size:14px;text-align:center;
}
.captcha-box{
  background:var(--blacksection);border:1px solid var(--strokedark);
  border-radius:8px;padding:20px;margin-bottom:30px;
}
.captcha-label{
  font-size:13px;font-weight:500;color:var(--waterloo);
  text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;
}
.captcha-question{
  font-size:20px;font-weight:700;color:var(--white);margin-bottom:12px;
}
.captcha-input{
  width:120px;padding:10px 16px;border-radius:6px;
  border:1px solid var(--strokedark);background:var(--black);
  color:var(--white);font-size:16px;font-weight:600;
  font-family:var(--font-inter);outline:none;transition:all 0.3s;
}
.captcha-input:focus{border-color:var(--primary)}

.dashboard-page{padding-top:100px;min-height:100vh;padding-bottom:80px}
.dash-header{margin-bottom:40px}
.dash-header h1{
  font-size:36px;font-weight:700;color:var(--white);
  margin-bottom:8px;
}
.dash-header p{color:var(--manatee)}
.dash-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:24px;margin-bottom:40px;
}
.dash-stat-card{
  background:var(--blacksection);
  border:1px solid var(--strokedark);
  border-radius:8px;padding:24px;
  transition:all 0.3s;
}
.dash-stat-card:hover{background:var(--hoverdark)}
.dash-stat-icon{
  width:44px;height:44px;border-radius:4px;
  background:rgba(0,107,255,0.15);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;color:var(--primary);font-size:20px;
}
.dash-stat-card h3{
  font-size:28px;font-weight:700;color:var(--white);
}
.dash-stat-card p{font-size:14px;color:var(--manatee);margin-top:4px}
.dash-section{
  background:var(--blacksection);
  border:1px solid var(--strokedark);
  border-radius:8px;padding:32px;margin-bottom:24px;
}
.dash-section h2{
  font-size:20px;font-weight:600;color:var(--white);
  margin-bottom:20px;padding-bottom:16px;
  border-bottom:1px solid var(--strokedark);
  display:flex;align-items:center;gap:10px;
}
.dash-section h2 i{color:var(--primary)}
.dash-section p{line-height:1.7}
.system-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;
}
.system-item{display:flex;align-items:center;gap:12px}
.system-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--meta);flex-shrink:0;
}

@media(max-width:1024px){
  .hero-flex,.about-flex,.faq-flex{flex-direction:column}
  .hero-content,.hero-image,.about-image-col,.about-content-col,
  .faq-left,.faq-right{width:100%}
  .about-flex.reverse{flex-direction:column}
  .features-grid{grid-template-columns:1fr 1fr}
  .hero-content h1{font-size:32px;padding-right:0}
  .section-header h2{font-size:32px;width:80%}
  .section-header p{width:80%}
  .about-content-col h2,.faq-left h2{font-size:32px}
  .funfact-inner h2,.stat-item h3{font-size:32px}
  .stats-row{gap:60px}
  .tab-menu{flex-direction:column}
  .tab-item{padding:16px 24px}
  .footer-brand{width:100%}
  .footer-cols{width:100%;gap:40px;flex-wrap:wrap}
  .footer-col{width:calc(33% - 30px)}
  .dash-stats{grid-template-columns:1fr 1fr}
  .testimonial-grid{grid-template-columns:1fr}
  .tab-content-flex{flex-direction:column}
  .tab-content-text,.tab-content-image{width:100%}
  .cta-inner{flex-direction:column;padding:40px 30px}
  .cta-inner .cta-text,.cta-inner .cta-action{width:100%}
  .cta-inner .cta-action{justify-content:flex-start}
}
@media(max-width:640px){
  .features-grid{grid-template-columns:1fr}
  .nav-menu{display:none}
  .mobile-toggle{display:block}
  .nav-menu.show{
    display:flex;flex-direction:column;
    position:absolute;top:100%;left:0;right:0;
    background:var(--blacksection);
    padding:30px;gap:16px;
    border-radius:0 0 8px 8px;
    box-shadow:0 8px 24px rgba(45,74,170,0.08);
  }
  .hero{padding:120px 0 60px}
  .hero-content h1{font-size:28px}
  .section-header h2{width:100%;font-size:28px}
  .section-header p{width:100%}
  .footer-cols{gap:30px}
  .footer-col{width:100%}
  .footer-bottom{flex-direction:column;text-align:center;gap:16px}
  .footer-bottom-links{flex-direction:column;gap:12px;align-items:center}
  .social-icons{justify-content:center}
  .auth-form-row{flex-direction:column;gap:30px}
  .auth-card .social-btns{flex-direction:column;gap:16px}
  .dash-stats{grid-template-columns:1fr}
  .system-grid{grid-template-columns:1fr}
}