:root{
    --color-primary:#6d28d9;
    --color-primary-dark:#4c1d95;
    --color-accent:#fb7185;
    --color-surface:#07121f;
    --color-text:#eaf2ff;
    --rgb-primary:109,40,217;
    --rgb-accent:251,113,133;
    --radius-sm:4px;
    --radius-md:5px;
    --radius-lg:7px;
    --radius-xl:12px;
    --shadow-sm:0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.08), 0 6px 16px rgba(0,0,0,.28);
    --shadow-md:0 2px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.1), 0 10px 22px rgba(0,0,0,.34);
    --shadow-lg:0 3px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.38);
    --space-section:5rem;
    --space-card:2rem;
    --space-gap:1.5rem;
    --transition:260ms cubic-bezier(.2,.95,.2,1);
    --heading-weight:700;
    --body-line-height:1.7;
    --card-border:rgba(255,255,255,.14);
    --focus-ring:rgba(251,113,133,.45);
}

body{color:var(--color-text);line-height:var(--body-line-height);background:radial-gradient(1200px 600px at 20% -10%, rgba(109,40,217,.35) 0%, rgba(109,40,217,0) 55%),radial-gradient(900px 500px at 95% 0%, rgba(251,113,133,.28) 0%, rgba(251,113,133,0) 52%),linear-gradient(180deg, #070f1a 0%, #050b13 100%);}
h1,h2,h3,h4{font-weight:var(--heading-weight);}
section,.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}
.card,[class*="card"]{
    border-radius:var(--radius-lg);
    box-shadow:
        0 0 0 1px var(--card-border),
        0 2px 0 rgba(255,255,255,.06),
        0 16px 30px rgba(0,0,0,.36),
        0 2px 10px rgba(109,40,217,.18);
    padding:var(--space-card);
    transition:filter var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition);
    background:
        linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.12) 100%);
    border-style:solid;
    border-color:rgba(255,255,255,.14);
}
.card:hover,[class*="card"]:hover{box-shadow:
        0 0 0 1px rgba(251,113,133,.35),
        0 2px 0 rgba(255,255,255,.07),
        0 22px 52px rgba(0,0,0,.42),
        0 6px 26px rgba(251,113,133,.18);}
.btn,button[class*="btn"],a[class*="btn"]{
    border-radius:var(--radius-md);
    transition:transform var(--transition),background var(--transition),box-shadow var(--transition),color var(--transition),border-color var(--transition),filter var(--transition);
    box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.28);
    background:linear-gradient(180deg, rgba(109,40,217,.95) 0%, rgba(76,29,149,.95) 100%);
    color:#fff;
    border-style:solid;
    border-color:rgba(255,255,255,.16);
}
.btn:hover,button[class*="btn"]:hover,a[class*="btn"]:hover{filter:saturate(1.12);box-shadow:0 0 0 1px rgba(251,113,133,.42),0 16px 34px rgba(0,0,0,.34);transform:translateY(-1px);}
a:not([class]){color:rgba(234,242,255,.92);transition:color var(--transition),text-shadow var(--transition),filter var(--transition);text-shadow:0 0 0 rgba(0,0,0,0);}
a:not([class]):hover{color:var(--color-accent);text-shadow:0 0 18px rgba(251,113,133,.35);}

.news-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-gap);}
.news-grid > *:first-child{grid-column:span 3;}

.feature-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-gap);}

.hero-content{text-align:left;max-width:600px;}

.testimonial-list{display:flex;flex-direction:column;gap:var(--space-gap);max-width:720px;margin:0 auto;}

.partner-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}

.faq-list{max-width:800px;margin:0 auto;}

.stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}
.stats-grid .stat-value{font-size:3rem;}

.cta-inner{text-align:center;max-width:700px;margin:0 auto;}

a:not([class]):hover{color:var(--color-accent);}

@media (max-width: 1024px){
    .news-grid{grid-template-columns:repeat(2, 1fr) !important;}
    .feature-list{grid-template-columns:repeat(2, 1fr) !important;}
    .partner-grid{grid-template-columns:repeat(3, 1fr) !important;}
    .stats-grid{grid-template-columns:repeat(2, 1fr) !important;}
    .hero-inner{grid-template-columns:1fr !important;}
}

@media (max-width: 640px){
    :root{--space-section:2rem;--space-card:1rem;--space-gap:0.75rem;--transition:220ms cubic-bezier(.2,.95,.2,1);}
    .news-grid{grid-template-columns:1fr !important;}
    .feature-list{grid-template-columns:1fr !important;}
    .faq-list{grid-template-columns:1fr !important;}
    .testimonial-list{column-count:1 !important;}
    .partner-grid{grid-template-columns:repeat(2, 1fr) !important;}
    .stats-grid{grid-template-columns:repeat(2, 1fr) !important;}
    .cta-inner{grid-template-columns:1fr !important;}
}