@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{color:#f8fafc;background-color:#050609;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#050609;margin:0}main{width:100%}.main-layout{background:radial-gradient(circle at top,#ffffff0d,#0000 40%),linear-gradient(#050609d9,#050609f2);flex-direction:column;gap:60px;min-height:100vh;padding:70px 6vw 120px;display:flex}.hero-panel{background:linear-gradient(135deg,#0f172ae6,#080c14f2);border:1px solid #ffffff1a;border-radius:32px;gap:36px;padding:40px;display:grid;box-shadow:0 35px 80px #020617cc}.hero-panel h1{margin:20px 0;font-size:clamp(2.9rem,3vw,3.9rem);line-height:1.2}.hero-panel p{color:#f8fafcc7;line-height:1.7}.highlight-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.highlight-grid article{background:#ffffff05;border:1px solid #ffffff1a;border-radius:18px;padding:20px}.featured-section{flex-direction:column;gap:24px;display:flex}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-heading h2{margin:0;font-size:clamp(2rem,2.8vw,2.8rem)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.app-card{color:#fff;background:linear-gradient(135deg,#ffffff0d,#0f172a99);border:1px solid #ffffff26;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;display:flex;position:relative;overflow:hidden}.app-card h3{margin:12px 0;font-size:1.7rem}.app-card p{color:#ffffffb8;line-height:1.6}.eyebrow{letter-spacing:.6em;text-transform:uppercase;color:#ffffffb3;font-size:.75rem}.link{color:#ffffffe6;font-size:.95rem;text-decoration:none;transition:color .2s}.link:hover{color:#fff}.note{color:#ffffff80}.gradient-red{background:linear-gradient(135deg,#ef4444d9,#f97316cc)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6d9,#4f46e5cc)}.gradient-blue{background:linear-gradient(135deg,#06b6d4d9,#2563ebcc)}@media (max-width:700px){.hero-panel{padding:28px}.main-layout{padding:40px 6vw}}