@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-primary:#080808;--bg-secondary:#0f0f0f;--bg-card:#111;--bg-card-hover:#161616;--border:#ffffff14;--border-hover:#ffffff29;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff59;--text-accent:#ffffffd9;--accent:#ffffffe6;--accent-dim:#ffffff1f;--accent-glow:#ffffff0a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--section-padding:120px;--section-padding-sm:80px;--container-max:1200px;--container-pad:24px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-base:.35s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:700;line-height:1.1}.text-display{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:1}.text-headline{font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1.1}.text-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(22px,3vw,36px);font-weight:600;line-height:1.2}.text-body-lg{color:var(--text-secondary);font-size:clamp(17px,2vw,20px);line-height:1.7}.text-body{color:var(--text-secondary);font-size:16px;line-height:1.7}.text-small{letter-spacing:.04em;color:var(--text-muted);font-size:13px}.text-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.section{padding:var(--section-padding) 0}.section-sm{padding:var(--section-padding-sm) 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-base) var(--ease-in-out), background var(--duration-base) var(--ease-in-out), transform var(--duration-base) var(--ease-out-expo);border-radius:16px;padding:28px}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.btn{font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:#ffffffe0;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--accent-dim)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--text-muted);width:20px;height:1px;display:block}.divider{background:var(--border);height:1px;margin:0}.tag{background:var(--accent-dim);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-in-out);border-radius:100px;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.tag:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff24}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--text-primary);background:#ffffff26}.text-gradient{background:linear-gradient(135deg,#fff 0%,#fff9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){:root{--section-padding:80px;--container-pad:20px}}@media (max-width:480px){:root{--section-padding:60px;--container-pad:16px}}