:root{

    --bg:#0f0f10;

    --panel:#18181b;

    --panel-soft:#222225;

    --line:#34343a;

    --text:#ffffff;

    --muted:#b5b5b5;

    --accent:#d62828;

    --accent-light:#ff595e;

    --gold:#f4b400;

    --success:#2ecc71;

    --danger:#ef4444;

    --shadow:0 18px 45px rgba(0,0,0,.35);

    --radius:18px;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:"Poppins",sans-serif;

    background:
    radial-gradient(
        circle at top,
        rgba(214,40,40,.08),
        transparent 40%
    ),
    #0f0f10;

    color:#ffffff;

    overflow-x:hidden;

}

a{

    text-decoration:none;

    color:inherit;

}

button{

    border:none;

    cursor:pointer;

    font-family:inherit;

}

img{

    display:block;

    max-width:100%;

}

.container{

    width:min(1280px,92%);

    margin:auto;

}

.card{

    background:#18181b;

    border:1px solid rgba(255,255,255,.05);

    border-radius:20px;

    box-shadow:var(--shadow);

}

.btn{

    padding:14px 26px;

    border-radius:12px;

    font-weight:600;

}

.btn-primary{

    background:var(--accent);

    color:white;

}

.btn-secondary{

    background:white;

    color:var(--accent);

}

.field{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.field input,
.field select,
.field textarea{

    padding:14px;

    background:#222225;

    color:white;

    border:1px solid #333;

    border-radius:12px;

    outline:none;

}

.field input::placeholder,
.field textarea::placeholder{

    color:#888;

}

.toast{

    position:fixed;

    right:25px;

    bottom:25px;

    background:#111;

    color:white;

    padding:15px 22px;

    border-radius:14px;

    z-index:99999;

}

.hidden{

    display:none!important;

}