*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.7;scroll-behavior:smooth}
body{background:#08081A;color:#E8E8F0;font-family:'Inter',sans-serif;font-weight:400;overflow-x:hidden}
.site-header{max-width:1100px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.header-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;color:#E8E8F0;letter-spacing:0.02em}
.header-nav{display:flex;gap:20px}
.header-nav a{font-size:0.8rem;color:#4A3A8A;text-decoration:none;letter-spacing:0.04em;transition:color 200ms}
.header-nav a:hover{color:#E8E8F0}
.page-content{max-width:1100px;margin:0 auto;padding:0 24px 80px}
.hero-section{padding:80px 0 60px}
.glass-panel{background:rgba(26,10,42,0.6);backdrop-filter:blur(12px);border:1px solid rgba(74,58,138,0.3);border-radius:8px;padding:32px}
.hero-panel{text-align:center;padding:56px 32px}
.hero-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:4rem;color:#E8E8F0;letter-spacing:0.03em;line-height:1}
.hero-subtitle{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:1.6rem;color:#4A3A8A;margin-bottom:20px}
.hero-desc{font-size:0.95rem;color:#8888A0;max-width:560px;margin:0 auto;line-height:1.7}
.section-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.3rem;color:#E8E8F0;margin-bottom:24px;letter-spacing:0.02em}
.types-section{margin-bottom:48px}
.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.type-card{position:relative;overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity 400ms ease-out,transform 400ms ease-out}
.type-card.visible{opacity:1;transform:translateY(0)}
.card-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:0.15}
.glow-purple{background:#4A3A8A}
.glow-blue{background:#0E0E2A}
.card-label{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.6rem;color:#4A3A8A;letter-spacing:0.1em;display:block;margin-bottom:8px;position:relative;z-index:1}
.card-heading{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.1rem;color:#E8E8F0;margin-bottom:8px;position:relative;z-index:1}
.card-body{font-size:0.85rem;color:#8888A0;line-height:1.65;position:relative;z-index:1}
.stats-panel{margin-top:32px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-item{text-align:center}
.stat-value{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.8rem;color:#E8E8F0;display:block}
.stat-label{font-size:0.7rem;color:#4A3A8A;letter-spacing:0.06em}
.site-footer{max-width:1100px;margin:0 auto;padding:24px;border-top:1px solid rgba(74,58,138,0.2)}
.footer-text{font-size:0.7rem;color:#4A3A8A;text-align:center}
@media(max-width:768px){.type-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.5rem}}