:root{
    --ta-bg:#070709;
    --ta-bg2:#0d0d10;
    --ta-card:#121216;
    --ta-card2:#18181d;

    --ta-gold:#F4C542;
    --ta-gold2:#EAB82E;

    --ta-text:#ffffff;
    --ta-muted:#9d9da5;

    --ta-border:rgba(244,197,66,.20);
    --ta-soft-border:rgba(255,255,255,.09);
}


/* =========================================================
   PAGE
   ========================================================= */

html,
body{
    background:
        radial-gradient(
            circle at 80% 8%,
            rgba(244,197,66,.075),
            transparent 30rem
        ),
        linear-gradient(
            180deg,
            #070709 0%,
            #0b0b0e 100%
        ) !important;

    color:var(--ta-text)!important;
}


/* Hide legacy public/auth headers.
   The new unified header is rendered separately. */
body > header,
body > .top,
.ta-login-home-entry{
    display:none!important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.wrap,
.shell,
main{
    color:var(--ta-text);
}

.wrap{
    position:relative;
}


/* Cards */
.card,
.box,
.panel,
.shell-card{
    background:
        linear-gradient(
            145deg,
            rgba(24,24,29,.98),
            rgba(14,14,17,.98)
        )!important;

    color:#fff!important;

    border:1px solid var(--ta-soft-border)!important;
    border-radius:16px!important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25)!important;
}


/* Titles */
h1,h2,h3,h4{
    color:#fff!important;
}

.muted,
p.muted{
    color:var(--ta-muted)!important;
}


/* =========================================================
   FORMS
   ========================================================= */

.field,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
    background:#0d0d11!important;
    color:#fff!important;

    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;

    outline:none!important;
}

.field:focus,
input:focus,
select:focus,
textarea:focus{
    border-color:rgba(244,197,66,.78)!important;

    box-shadow:
        0 0 0 3px rgba(244,197,66,.10)!important;
}

input::placeholder,
textarea::placeholder{
    color:#696971!important;
}

select option{
    background:#111116;
    color:#fff;
}

label{
    color:#e9e9ec;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn,
button.btn{
    background:
        linear-gradient(
            135deg,
            #F8D350,
            #EAB82E
        )!important;

    color:#111!important;

    border:0!important;
    border-radius:11px!important;

    font-weight:900!important;

    box-shadow:
        0 10px 25px rgba(244,197,66,.13)!important;
}

.btn:hover{
    filter:brightness(1.05);
    transform:translateY(-1px);
}


/* Links */
a{
    color:var(--ta-gold);
}

a:hover{
    color:#ffd95d;
}


/* =========================================================
   REGISTRATION
   ========================================================= */

body .grid{
    gap:18px;
}

body .errors{
    background:#271113!important;
    color:#ffb6b6!important;

    border:1px solid rgba(255,90,90,.24)!important;
}

.password-toggle{
    color:var(--ta-gold)!important;
}


/* =========================================================
   LOGIN PAGE
   ========================================================= */

body .hero{
    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(244,197,66,.10),
            transparent 25rem
        ),
        linear-gradient(
            145deg,
            #070709,
            #101014 55%,
            #191406
        )!important;
}

body .hero p{
    color:#aaa!important;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer,
.site-footer{
    background:#08080a!important;
    color:#aaa!important;

    border-top:1px solid rgba(244,197,66,.13)!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    .wrap{
        padding-top:28px!important;
    }

    .card,
    .box,
    .panel{
        border-radius:13px!important;
    }

}