:root {
    color-scheme: light;
}

body {
    font-family: "Manrope", sans-serif;
    background: radial-gradient(1200px 500px at 10% -10%, rgba(59, 130, 246, 0.35), transparent 60%),
                radial-gradient(900px 500px at 90% -20%, rgba(37, 99, 235, 0.45), transparent 55%),
                linear-gradient(135deg, #0b1b35 0%, #1e3a8a 45%, #1d4ed8 100%);
    background-attachment: fixed;
}

.bg-hero {
    min-height: 100vh;
    background: radial-gradient(600px 250px at 50% 0%, rgba(255, 255, 255, 0.16), transparent 70%);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 24px 45px rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(14px);
}

.surface {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.25);
    box-shadow: 0 18px 30px rgba(15, 23, 42, 0.12);
}

.input-shell {
    background: rgba(255, 255, 255, 0.92);
}

.muted-row {
    opacity: 0.65;
    filter: grayscale(0.2);
}

#small-device-block {
    display: none;
}

@media (max-width: 1024px) {
    #desktop-app {
        display: none;
    }

    #small-device-block {
        display: block;
    }
}