:root { color-scheme: light dark; }
.cry-auth-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 12%, rgba(13,110,253,.22), transparent 28rem),
        radial-gradient(circle at 88% 18%, rgba(32,201,151,.18), transparent 28rem),
        linear-gradient(135deg, rgba(2,6,23,.04), rgba(13,110,253,.04)),
        var(--bs-body-bg);
}
.cry-auth-navbar { background: rgba(7, 18, 38, .82); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.12); }
.cry-auth-navbar .navbar-brand, .cry-auth-navbar .btn { color: #fff; }
.cry-auth-wrap { min-height: calc(100vh - 5rem); display: grid; align-items: center; }
.cry-auth-card { border-radius: 1.4rem; box-shadow: 0 1.4rem 4rem rgba(15,23,42,.20); overflow: hidden; background: color-mix(in srgb, var(--bs-body-bg) 94%, transparent); }
.cry-auth-card:before { content: ""; display: block; height: .42rem; background: linear-gradient(90deg, #0d6efd, #20c997, #0dcaf0); }
.cry-auth-card .form-control { min-height: 2.85rem; border-radius: .9rem; }
.cry-auth-card .btn { border-radius: .9rem; min-height: 2.75rem; font-weight: 700; }
.cry-auth-card h1 { letter-spacing: -.02em; }
.cry-error-page { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 20% 15%, rgba(13,110,253,.22), transparent 34rem), var(--bs-body-bg); }
.cry-error-card { width: min(760px, calc(100vw - 2rem)); border-radius: 1.5rem; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.20); overflow: hidden; }