/* ============================================================
   DARK TRIAD SHOP — AUTH GAMING PREMIUM
   Scope: body.dt-auth-page
   Keeps authentication logic untouched; visual override only.
   ============================================================ */
body.dt-auth-page {
    overflow-x: hidden;
    background: #050609;
}

body.dt-auth-page .auth-epic-layout {
    min-height: calc(100vh - 66px);
    grid-template-columns: minmax(460px, .95fr) minmax(520px, 1.05fr);
    background:
        radial-gradient(circle at 18% 36%, rgba(122,53,232,.13), transparent 26rem),
        radial-gradient(circle at 76% 20%, rgba(242,104,42,.065), transparent 30rem),
        #050609;
}

body.dt-auth-page .auth-epic-left,
body.dt-auth-page .auth-epic-right { min-height: calc(100vh - 66px); }

body.dt-auth-page .auth-epic-left {
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 28%, rgba(122,53,232,.17), transparent 18rem),
        linear-gradient(145deg, #07080d 0%, #0a0b11 42%, #06070a 100%);
    border-right: 1px solid rgba(242,104,42,.18);
}

body.dt-auth-page .auth-epic-left::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(242,104,42,.035), transparent),
        radial-gradient(ellipse at 50% 100%, rgba(242,104,42,.13), transparent 48%);
}

body.dt-auth-page .auth-epic-left::after {
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .72;
    background: linear-gradient(180deg, transparent 2%, var(--dt-violet) 26%, var(--dt-orange) 60%, var(--dt-gold) 84%, transparent 98%);
    box-shadow: 0 0 24px rgba(242,104,42,.18);
}

body.dt-auth-page .auth-epic-grid {
    opacity: .5;
    background-size: 56px 56px;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.88) 68%, transparent 100%);
}

/* Cinematic brand art assembled from the actual Dark Triad asset. */
body.dt-auth-page .dt-auth-scene {
    position: absolute;
    inset: 4% 2% 5%;
    z-index: 1;
    pointer-events: none;
}
body.dt-auth-page .dt-auth-scene__ring,
body.dt-auth-page .dt-auth-scene__ring::before,
body.dt-auth-page .dt-auth-scene__ring::after {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(210,166,53,.28);
    content: '';
}
body.dt-auth-page .dt-auth-scene__ring {
    width: min(60vh, 530px);
    height: min(60vh, 530px);
    left: 50%; top: 43%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 60px rgba(122,53,232,.12), inset 0 0 46px rgba(242,104,42,.035);
    animation: dt-auth-ring 18s linear infinite;
}
body.dt-auth-page .dt-auth-scene__ring::before { inset: 8%; border-color: rgba(122,53,232,.28); }
body.dt-auth-page .dt-auth-scene__ring::after { inset: 18%; border-color: rgba(242,104,42,.20); }
body.dt-auth-page .dt-auth-scene__halo {
    position: absolute;
    width: 420px; height: 420px;
    left: 50%; top: 43%; transform: translate(-50%,-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122,53,232,.25), rgba(122,53,232,.08) 34%, transparent 68%);
    filter: blur(20px);
    animation: dt-auth-pulse 5s ease-in-out infinite;
}
body.dt-auth-page .dt-auth-scene__crest {
    position: absolute;
    width: clamp(270px, 34vw, 500px);
    height: auto;
    left: 50%; top: 43%;
    transform: translate(-50%,-50%);
    filter: drop-shadow(0 28px 50px rgba(0,0,0,.75)) drop-shadow(0 0 26px rgba(122,53,232,.30));
    opacity: .97;
    animation: dt-auth-float 6s ease-in-out infinite;
}
body.dt-auth-page .dt-auth-scene--register .dt-auth-scene__crest { filter: drop-shadow(0 28px 50px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(242,104,42,.18)); }
body.dt-auth-page .dt-auth-scene__ember {
    position: absolute; width: 4px; height: 4px; border-radius: 50%;
    background: var(--dt-orange); box-shadow: 0 0 12px var(--dt-orange);
    animation: dt-auth-ember 4.8s ease-in-out infinite;
}
body.dt-auth-page .dt-auth-scene__ember--1 { left: 23%; top: 67%; animation-delay: -.8s; }
body.dt-auth-page .dt-auth-scene__ember--2 { left: 68%; top: 71%; animation-delay: -2.1s; background:var(--dt-gold); }
body.dt-auth-page .dt-auth-scene__ember--3 { left: 77%; top: 31%; animation-delay: -3.2s; background:var(--dt-violet); }

body.dt-auth-page .auth-epic-brand {
    z-index: 3;
    align-items: flex-start;
    text-align: left;
    width: min(86%, 560px);
    margin-top: auto;
    margin-bottom: 6vh;
    padding: 1.4rem 1.7rem;
    gap: .55rem;
    border-left: 2px solid var(--dt-orange);
    background: linear-gradient(90deg, rgba(5,6,9,.86), rgba(5,6,9,.42) 70%, transparent);
    backdrop-filter: blur(6px);
}
body.dt-auth-page .auth-epic-shield { display: none; }
body.dt-auth-page .auth-epic-title {
    font-size: clamp(2.6rem, 4.2vw, 4.5rem);
    letter-spacing: .055em;
    line-height: .9;
    text-shadow: 0 10px 30px rgba(0,0,0,.65);
}
body.dt-auth-page .auth-epic-title::first-line { color:#fff; }
body.dt-auth-page .auth-epic-subtitle { color:#929bac; letter-spacing:.18em; }
body.dt-auth-page .auth-epic-stats,
body.dt-auth-page .auth-benefits {
    width:100%;
    margin-top:.8rem;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:.9rem;
}
body.dt-auth-page .auth-epic-stats { justify-content:flex-start; gap:2.4rem; }
body.dt-auth-page .auth-stat__num { color:var(--dt-orange); }
body.dt-auth-page .auth-benefit { color:#c7ccd6; }
body.dt-auth-page .auth-benefit__icon { color:var(--dt-orange); background:rgba(242,104,42,.08); border:1px solid rgba(242,104,42,.16); }

body.dt-auth-page .auth-epic-right {
    position:relative;
    padding: clamp(2rem, 4vw, 4rem);
    background:
        radial-gradient(circle at 18% 20%, rgba(242,104,42,.07), transparent 18rem),
        radial-gradient(circle at 88% 78%, rgba(122,53,232,.08), transparent 22rem),
        #07080c;
}
body.dt-auth-page .auth-epic-right::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size:54px 54px; opacity:.42;
}

body.dt-auth-page .auth-glass-card {
    z-index:2;
    max-width: 500px;
    background: linear-gradient(180deg, rgba(18,21,29,.96), rgba(9,11,16,.97));
    border:1px solid rgba(255,255,255,.09);
    border-top:2px solid var(--dt-orange);
    border-radius: 12px;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
    box-shadow: 0 34px 80px rgba(0,0,0,.62), 0 0 0 1px rgba(242,104,42,.045), 0 0 44px rgba(122,53,232,.055);
}
body.dt-auth-page .auth-glass-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg,var(--dt-orange),var(--dt-gold),var(--dt-violet),transparent);
}
body.dt-auth-page .auth-glass-logo-icon {
    background: rgba(122,53,232,.10) !important;
    border-color: rgba(122,53,232,.28) !important;
    box-shadow: 0 0 24px rgba(122,53,232,.13) !important;
}
body.dt-auth-page .auth-glass-logo-title { font-size:1.35rem; color:#fff; }
body.dt-auth-page .auth-glass-logo-sub { color:var(--dt-orange); }
body.dt-auth-page .auth-glass-heading { font-size:2.45rem; color:#fff; }
body.dt-auth-page .auth-glass-subheading { color:#8e97aa; }
body.dt-auth-page .auth-glass-divider::before,
body.dt-auth-page .auth-glass-divider::after { background:rgba(255,255,255,.08); }
body.dt-auth-page .auth-glass-divider span { color:#667083; background:#0e1016; }
body.dt-auth-page .auth-glass-label { color:#9ca5b8; }
body.dt-auth-page .auth-glass-input {
    min-height:48px;
    background:#0a0d12;
    border-color:#2d3240;
    color:#f5f7fb;
    border-radius:6px;
}
body.dt-auth-page .auth-glass-input:focus {
    border-color:rgba(242,104,42,.65);
    box-shadow:0 0 0 3px rgba(242,104,42,.10), 0 0 28px rgba(242,104,42,.06);
}
body.dt-auth-page .auth-glass-input-icon { color:#687286; }
body.dt-auth-page .auth-glass-link,
body.dt-auth-page .auth-glass-link-sm { color:var(--dt-orange-hi); }
body.dt-auth-page .auth-glass-submit,
body.dt-auth-page .auth-glass-submit--amber {
    min-height:52px;
    border:1px solid var(--dt-orange-hi);
    background:linear-gradient(135deg,var(--dt-orange),#ff7440) !important;
    color:#fff;
    box-shadow:0 12px 30px rgba(242,104,42,.23);
}
body.dt-auth-page .auth-glass-submit:hover { box-shadow:0 17px 38px rgba(242,104,42,.30); transform:translateY(-1px); }
body.dt-auth-page .auth-glass-info { background:rgba(242,104,42,.045); border-color:rgba(242,104,42,.15); }
body.dt-auth-page .auth-glass-footer { border-top-color:rgba(255,255,255,.07); color:#788195; }
body.dt-auth-page .auth-modal { background:#0d1016; border-color:#313745; box-shadow:0 30px 90px rgba(0,0,0,.8); }

/* Keep Google and reCAPTCHA blocks readable against the dark surface. */
body.dt-auth-page .auth-glass-google-wrap { filter:drop-shadow(0 8px 18px rgba(0,0,0,.16)); }
body.dt-auth-page .g-recaptcha { transform-origin:left top; }

@keyframes dt-auth-ring { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes dt-auth-pulse { 50% { opacity:.7; transform:translate(-50%,-50%) scale(1.07); } }
@keyframes dt-auth-float { 50% { margin-top:-10px; filter:drop-shadow(0 34px 54px rgba(0,0,0,.78)) drop-shadow(0 0 34px rgba(122,53,232,.38)); } }
@keyframes dt-auth-ember { 50% { transform:translateY(-28px) scale(1.4); opacity:.35; } }

@media (max-width: 1100px) {
    body.dt-auth-page .auth-epic-layout { grid-template-columns:.85fr 1.15fr; }
    body.dt-auth-page .auth-epic-brand { width:90%; }
    body.dt-auth-page .dt-auth-scene__crest { width:360px; }
}
@media (max-width: 860px) {
    body.dt-auth-page .auth-epic-layout { grid-template-columns:1fr; min-height:calc(100vh - 66px); }
    body.dt-auth-page .auth-epic-left { display:none; }
    body.dt-auth-page .auth-epic-right { min-height:calc(100vh - 66px); padding:2.2rem 1rem 3rem; align-items:flex-start; }
    body.dt-auth-page .auth-glass-card { max-width:560px; clip-path:none; border-radius:10px; }
}
@media (max-width: 520px) {
    body.dt-auth-page .auth-epic-right { padding:1.2rem .75rem 2rem; }
    body.dt-auth-page .auth-glass-card { padding:1.7rem 1.15rem; }
    body.dt-auth-page .auth-glass-heading { font-size:2rem; }
    body.dt-auth-page .g-recaptcha { transform:scale(.88); }
}
@media (prefers-reduced-motion: reduce) {
    body.dt-auth-page .dt-auth-scene__ring,
    body.dt-auth-page .dt-auth-scene__halo,
    body.dt-auth-page .dt-auth-scene__crest,
    body.dt-auth-page .dt-auth-scene__ember { animation:none !important; }
}

/* v1.9.3 — auth pages: static composition, no mouse/parallax feel, no blurry overlay */
body.dt-auth-page .auth-epic-left[data-dt-parallax-zone] {
    perspective: none;
}
body.dt-auth-page .dt-auth-scene__ring,
body.dt-auth-page .dt-auth-scene__halo,
body.dt-auth-page .dt-auth-scene__crest,
body.dt-auth-page .dt-auth-scene__ember,
body.dt-auth-page .auth-epic-shield {
    animation: none !important;
}
body.dt-auth-page .dt-auth-scene__ring {
    width: min(56vh, 500px);
    height: min(56vh, 500px);
    left: 68%;
    top: 38%;
    transform: translate(-50%, -50%) !important;
}
body.dt-auth-page .dt-auth-scene__halo {
    width: 390px;
    height: 390px;
    left: 68%;
    top: 38%;
    transform: translate(-50%, -50%) !important;
    opacity: .9;
}
body.dt-auth-page .dt-auth-scene__crest {
    width: clamp(260px, 28vw, 430px);
    left: 68%;
    top: 38%;
    transform: translate(-50%, -50%) !important;
}
body.dt-auth-page .auth-epic-brand {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(90deg, rgba(5,6,9,.94), rgba(5,6,9,.76) 72%, rgba(5,6,9,.22) 100%);
    border: 1px solid rgba(255,255,255,.06);
    border-left: 2px solid var(--dt-orange);
    box-shadow: 0 22px 40px rgba(0,0,0,.38);
}
body.dt-auth-page .auth-epic-brand::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background: linear-gradient(180deg, rgba(255,255,255,.03), transparent 38%);
}
body.dt-auth-page .auth-epic-title,
body.dt-auth-page .auth-epic-subtitle,
body.dt-auth-page .auth-epic-stats {
    position: relative;
    z-index: 1;
}
body.dt-auth-page .auth-rune,
body.dt-auth-page .auth-orb {
    animation: none !important;
}
@media (max-width: 1200px) {
    body.dt-auth-page .dt-auth-scene__ring,
    body.dt-auth-page .dt-auth-scene__halo,
    body.dt-auth-page .dt-auth-scene__crest {
        left: 64%;
    }
    body.dt-auth-page .dt-auth-scene__crest { width: clamp(240px, 30vw, 390px); }
}
@media (max-width: 860px) {
    body.dt-auth-page .auth-epic-left[data-dt-parallax-zone] {
        perspective: none;
    }
}