html.gsc-desktop-app-root {
    background: #090a0d;
}

html.gsc-desktop-app-root body {
    background:
        radial-gradient(circle at 10% 0, rgba(255, 173, 93, .12), transparent 34rem),
        radial-gradient(circle at 95% 6%, rgba(95, 139, 255, .08), transparent 28rem),
        var(--bg);
    text-rendering: geometricPrecision;
}

html.gsc-desktop-app-root * {
    scroll-behavior: smooth;
}

html.gsc-desktop-app-root .container {
    animation: gscDesktopBoot .38s cubic-bezier(.2,.8,.2,1) both;
}

html.gsc-desktop-app-root nav,
html.gsc-desktop-app-root .cloud-card,
html.gsc-desktop-app-root .pricing-card,
html.gsc-desktop-app-root .sub-card,
html.gsc-desktop-app-root .app-section,
html.gsc-desktop-app-root .auth-modal-content {
    transition:
        transform .22s cubic-bezier(.2,.8,.2,1),
        opacity .22s cubic-bezier(.2,.8,.2,1),
        box-shadow .22s cubic-bezier(.2,.8,.2,1),
        background-color .22s ease,
        border-color .22s ease;
}

html.gsc-desktop-app-root .active-view {
    animation: gscDesktopViewIn .28s cubic-bezier(.2,.8,.2,1) both;
}

html.gsc-desktop-app-root button,
html.gsc-desktop-app-root .cta,
html.gsc-desktop-app-root .auth-btn,
html.gsc-desktop-app-root .submit-btn {
    transition:
        transform .16s cubic-bezier(.2,.8,.2,1),
        box-shadow .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease;
}

html.gsc-desktop-app-root button:active,
html.gsc-desktop-app-root .cta:active,
html.gsc-desktop-app-root .auth-btn:active,
html.gsc-desktop-app-root .submit-btn:active {
    transform: scale(.975);
}

html.gsc-desktop-app-root .cloud-card:hover,
html.gsc-desktop-app-root .pricing-card:hover,
html.gsc-desktop-app-root .sub-card:hover {
    transform: translateY(-3px);
}

html.gsc-desktop-app-root input,
html.gsc-desktop-app-root textarea,
html.gsc-desktop-app-root select {
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

html.gsc-desktop-app-root ::selection {
    background: rgba(255, 173, 93, .32);
}

@keyframes gscDesktopBoot {
    from { opacity: 0; transform: translateY(10px) scale(.995); filter: blur(4px); }
    to { opacity: 1; transform: none; filter: blur(0); }
}

@keyframes gscDesktopViewIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    html.gsc-desktop-app-root *,
    html.gsc-desktop-app-root .container,
    html.gsc-desktop-app-root .active-view {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}