:root { --background:#f8fafc; --foreground:#1e293b; }
body { background:var(--background); color:var(--foreground); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; }
.glass-panel { background:rgba(255,255,255,.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(226,232,240,.6); box-shadow:0 1px 2px rgba(15,23,42,.06); }
.grid-bg { background-image:linear-gradient(to right,rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.1) 1px,transparent 1px); background-size:50px 50px; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:9999px; background:#2563eb; color:#fff; padding:1rem 2rem; font-size:1.125rem; font-weight:700; box-shadow:0 10px 18px rgba(37,99,235,.25); transition:.2s; text-decoration:none; }
.btn-primary:hover { background:#1d4ed8; box-shadow:0 14px 24px rgba(37,99,235,.35); }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:.375rem; padding:.5rem .75rem; font-size:.875rem; font-weight:500; color:#475569; text-decoration:none; }
.btn-secondary:hover { background:#f1f5f9; color:#0f172a; }
.feature-card { border-radius:1rem; border:1px solid #e2e8f0; background:#fff; padding:1.5rem; box-shadow:0 1px 2px rgba(15,23,42,.04); transition:.2s; }
.feature-card:hover { background:#f8fafc; box-shadow:0 6px 16px rgba(15,23,42,.08); }
.noise-bg { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); }