* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

:root {
    --aetheria-black: #0d0b08;
    --aetheria-dark: #17130d;
    --aetheria-panel: #211b13;
    --aetheria-panel-light: #282015;

    --aetheria-gold: #c99a3a;
    --aetheria-gold-bright: #e8b84b;
    --aetheria-gold-light: #f0cf7b;

    --aetheria-cream: #f5eedc;
    --aetheria-muted: #c9bea6;
    --aetheria-dim: #8f8269;

    --aetheria-border: rgba(201, 154, 58, 0.20);
}

body {
    min-height: 100vh;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    background:
        radial-gradient(
            circle at top,
            #211b12 0,
            #100d09 480px,
            #0d0b08 900px
        );

    color: var(--aetheria-cream);
}

a {
    color: inherit;
}

::selection {
    background: var(--aetheria-gold);
    color: #17130d;
}


/* =========================================================
   GLOBAL PAGE CONTAINER
========================================================= */

.page-container {
    width: calc(100% - 50px);
    max-width: 1200px;

    margin: 0 auto;
}

.page-content {
    padding-top: 125px;
    padding-bottom: 80px;
}


/* =========================================================
   TITLES
========================================================= */

.page-label {
    color: var(--aetheria-gold);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 4px;

    text-transform: uppercase;
}

.page-title {
    margin-top: 10px;

    color: var(--aetheria-cream);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(34px, 5vw, 55px);

    font-weight: 400;
}

.page-description {
    max-width: 650px;

    margin-top: 13px;

    color: var(--aetheria-muted);

    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   PANELS
========================================================= */

.aetheria-panel {
    background:
        linear-gradient(
            145deg,
            rgba(40, 32, 21, 0.96),
            rgba(25, 20, 14, 0.96)
        );

    border: 1px solid var(--aetheria-border);

    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.24);
}

.aetheria-card {
    padding: 28px;

    background:
        linear-gradient(
            145deg,
            rgba(40, 32, 21, 0.90),
            rgba(25, 20, 14, 0.94)
        );

    border: 1px solid rgba(201, 154, 58, 0.16);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}

.aetheria-card:hover {
    transform: translateY(-3px);

    border-color: rgba(232, 184, 75, 0.38);
}


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

.aetheria-button {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 26px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.3px;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.aetheria-button:hover {
    transform: translateY(-2px);
}

.aetheria-button-primary {
    color: #17130d;

    background:
        linear-gradient(
            135deg,
            #edc765,
            #b9852c
        );

    border: 1px solid #e5bc5b;

    box-shadow:
        0 12px 30px rgba(201, 154, 58, 0.18);
}

.aetheria-button-primary:hover {
    background:
        linear-gradient(
            135deg,
            #f5d987,
            #ca9637
        );
}

.aetheria-button-secondary {
    color: var(--aetheria-cream);

    background: rgba(19, 15, 10, 0.82);

    border: 1px solid rgba(232, 184, 75, 0.32);
}

.aetheria-button-secondary:hover {
    color: var(--aetheria-gold-light);

    border-color: rgba(232, 184, 75, 0.62);

    background: rgba(45, 35, 21, 0.88);
}


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

input,
select,
textarea {
    width: 100%;

    padding: 14px 15px;

    color: var(--aetheria-cream);

    background: #120f0b;

    border: 1px solid rgba(201, 154, 58, 0.20);

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--aetheria-gold);

    box-shadow:
        0 0 0 3px rgba(201, 154, 58, 0.08);
}

button {
    font-family: inherit;
}


/* =========================================================
   TABLES
========================================================= */

table {
    width: 100%;

    border-collapse: collapse;
}

th {
    padding: 15px;

    color: var(--aetheria-gold-light);

    background: #18130d;

    border-bottom: 1px solid rgba(201, 154, 58, 0.24);

    font-size: 11px;

    letter-spacing: 1.3px;

    text-transform: uppercase;
}

td {
    padding: 15px;

    color: var(--aetheria-muted);

    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
}

tr:hover td {
    background: rgba(201, 154, 58, 0.035);
}


/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0d0b08;
}

::-webkit-scrollbar-thumb {
    background: #4d3a1e;

    border: 2px solid #0d0b08;
}

::-webkit-scrollbar-thumb:hover {
    background: #765727;
}


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

@media (max-width: 800px) {

    .page-container {
        width: calc(100% - 32px);
    }

    .page-content {
        padding-top: 60px;
    }

}

/* ===== AETHERIA 2026 VISUAL SYSTEM ===== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
body{font-family:"Montserrat",Arial,sans-serif;background:#0b0906;color:var(--aetheria-cream)}
.page-title,.aetheria-logo-main{font-family:"Cinzel",Georgia,serif}
.aetheria-navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:linear-gradient(180deg,rgba(12,10,7,.94),rgba(12,10,7,.82));border-bottom:1px solid rgba(232,184,75,.18);box-shadow:0 14px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.aetheria-nav-container{width:calc(100% - 50px);max-width:1250px;min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.aetheria-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.aetheria-logo-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(232,184,75,.42);transform:rotate(45deg);color:#e8b84b;font-size:13px;box-shadow:inset 0 0 18px rgba(232,184,75,.08),0 0 20px rgba(232,184,75,.06)}.aetheria-logo-mark::first-letter{transform:rotate(-45deg)}
.aetheria-logo-copy{display:flex;flex-direction:column}.aetheria-logo-main{color:#e8b84b;font-size:21px;font-weight:700;letter-spacing:4px;line-height:1}.aetheria-logo-sub{margin-top:5px;color:#8f8269;font-size:7px;font-weight:700;letter-spacing:6px}
.aetheria-nav-links{display:flex;align-items:center;gap:27px}.aetheria-nav-links a{position:relative;color:#bfb39e;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:.2s ease}.aetheria-nav-links>a:not(.aetheria-register)::after{content:"";position:absolute;left:50%;bottom:-12px;width:0;height:1px;background:#e8b84b;transform:translateX(-50%);transition:width .2s ease}.aetheria-nav-links>a:hover,.aetheria-nav-links>a.active{color:#f0cf7b}.aetheria-nav-links>a:not(.aetheria-register):hover::after,.aetheria-nav-links>a.active:not(.aetheria-register)::after{width:100%}
.aetheria-register{padding:12px 20px!important;color:#17130d!important;background:linear-gradient(135deg,#f0cf7b,#b9852c);border:1px solid #e8c56e;box-shadow:0 8px 25px rgba(201,154,58,.16)}
.aetheria-menu-toggle{display:none;width:42px;height:42px;padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(232,184,75,.24);cursor:pointer}.aetheria-menu-toggle span{display:block;height:1px;margin:5px 0;background:#e8b84b;transition:.2s}
@media(max-width:850px){.aetheria-nav-container{width:100%;min-height:70px;padding:0 20px}.aetheria-menu-toggle{display:block}.aetheria-nav-links{display:none;position:absolute;top:70px;left:0;width:100%;padding:18px 20px 24px;flex-direction:column;align-items:stretch;gap:0;background:rgba(12,10,7,.98);border-bottom:1px solid rgba(232,184,75,.2);box-shadow:0 20px 40px rgba(0,0,0,.35)}.aetheria-nav-links.open{display:flex}.aetheria-nav-links a{padding:13px 8px;text-align:center}.aetheria-nav-links>a::after{display:none}.aetheria-register{margin-top:8px}.page-content{padding-top:105px}}