body {
    font-family: 'Figtree', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.brand-gradient {
    background-image:
        radial-gradient(circle at top left, #22d3ee 0, transparent 45%),
        radial-gradient(circle at bottom right, #4f46e5 0, transparent 50%),
        linear-gradient(135deg, #020617 0%, #020617 50%, #020617 100%);
}
.glass-panel {
    background: linear-gradient(135deg, rgba(15,23,42,.95), rgba(15,23,42,.7));
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(148,163,184,0.25);
}
.noise-overlay {
    pointer-events: none;
    position: fixed;
    inset: 0;
    opacity: .08;
    mix-blend-mode: soft-light;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='noStitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
    z-index: 0;
}