:root {
    --bg: #141b2e;
    --band: #18223a;
    --panel: #1f2b4a;
    --border: #3b4f7f;
    --txt: #f5f7ff;
    --muted: #c3cbe0;
    --accent: #f5b301;
    --accent2: #12b4ff;
    --radius: 14px;
}

* {
    box-sizing: border-box
}

html, body {
    background: var(--bg);
    color: var(--txt);
    font-family: Vazirmatn,system-ui,Segoe UI,Roboto,Arial,sans-serif
}

html, body {
    height: 100%
}

body {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto
}

/* Layout helpers */
.container {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1200px
}

.section {
    padding: 56px 0;
    position: relative;
    border-top: 1px solid var(--border)
}

    .section::before, .section::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.08))
    }

    .section::before {
        top: 0
    }

    .section::after {
        bottom: 0
    }

.band {
    background: var(--band)
}

/* RTL tweaks */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right
}

html[dir="rtl"] ul {
    padding-right: 0;
    padding-left: 0
}

/* Buttons (shared) */
.btn-login {
    background: linear-gradient(135deg,#1e90ff,#06c6d4);
    border: none;
    color: #00121f;
    font-weight: 700;
    border-radius: 999px;
    padding: .55rem 1rem
}

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