:root {
    --aurum-dark: #020817;
    --aurum-blue-dark: #061b42;
    --aurum-blue: #007dff;
    --aurum-cyan: #00d9ff;
    --aurum-border: rgba(125, 190, 255, 0.22);
    --aurum-text: #f3f8ff;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: "Vazirmatn", Tahoma, sans-serif;
    color: var(--aurum-text);
    background: radial-gradient(ellipse at 50% 0%, #0b3f87 0%, #061b42 38%, #020817 100%);
}

.aurum-body {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
}

/* لایه‌ی ثابت پس‌زمینه */
.aurum-background {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(13, 93, 205, 0.33) 0%, rgba(3, 24, 62, 0.55) 42%, rgba(1, 6, 19, 0.98) 100%);
}

    /* نور آبی خیلی نرم در مرکز */
    .aurum-background::before {
        content: "";
        position: absolute;
        width: 80vw;
        height: 80vw;
        max-width: 1100px;
        max-height: 1100px;
        top: -34%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        background: rgba(0, 103, 255, 0.2);
        filter: blur(135px);
        opacity: 0.8;
    }

/* شبکه‌ی پس‌زمینه */
.aurum-grid {
    position: absolute;
    inset: 0;
    opacity: 0.075;
    background-image: linear-gradient(rgba(125, 190, 255, 0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 190, 255, 0.2) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
}

/* لایه پارالاکس برای ماوس */
.aurum-orb-container {
    position: absolute;
    inset: 0;
    will-change: transform;
    transform: translate3d(var(--mouse-x, 0px), var(--mouse-y, 0px), 0);
    transition: transform 0.1s ease-out;
}

/* استایل پایه برای تمام Orbها */
.aurum-orb {
    position: absolute;
    border-radius: 50%;
    opacity: 0.78;
    filter: blur(34px);
    mix-blend-mode: screen;
    will-change: transform;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

    .aurum-orb::after {
        content: "";
        position: absolute;
        inset: 18%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        filter: blur(28px);
    }

/* Orb بالا سمت چپ */
.aurum-orb-1 {
    width: 330px;
    height: 330px;
    top: -135px;
    left: -100px;
    background: #008cff;
    animation-name: aurum-float-1;
    animation-duration: 26s;
}

/* Orb بالا سمت راست */
.aurum-orb-2 {
    width: 280px;
    height: 280px;
    top: -105px;
    right: -70px;
    background: #006dff;
    animation-name: aurum-float-2;
    animation-duration: 32s;
}

/* Orb سمت راست */
.aurum-orb-3 {
    width: 350px;
    height: 350px;
    top: 28%;
    right: -165px;
    background: #008bff;
    animation-name: aurum-float-3;
    animation-duration: 36s;
}

/* Orb پایین سمت چپ */
.aurum-orb-4 {
    width: 340px;
    height: 340px;
    bottom: -145px;
    left: -135px;
    background: #00c7ff;
    animation-name: aurum-float-4;
    animation-duration: 30s;
}

/* Orb پایین */
.aurum-orb-5 {
    width: 270px;
    height: 270px;
    bottom: -140px;
    right: 18%;
    background: #2864ff;
    animation-name: aurum-float-5;
    animation-duration: 34s;
}

/* Orb بالای مرکز */
.aurum-orb-6 {
    width: 190px;
    height: 190px;
    top: -105px;
    left: 34%;
    background: #22d8ff;
    opacity: 0.7;
    animation-name: aurum-float-6;
    animation-duration: 28s;
}

/* نویز سینمایی ظریف */
.aurum-noise {
    position: absolute;
    inset: 0;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");
}

/* کلاس مشترک شیشه‌ای (Glassmorphism) برای کارت‌ها */
.aurum-glass {
    background: linear-gradient(135deg, rgba(81, 164, 255, 0.16), rgba(8, 33, 78, 0.34));
    border: 1px solid var(--aurum-border);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 35px rgba(0, 133, 255, 0.08);
    backdrop-filter: blur(26px) saturate(135%);
    -webkit-backdrop-filter: blur(26px) saturate(135%);
}

/* محدوده‌ی صفحه */
.aurum-page {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    padding: 32px;
}

/* کانتینر محتوا */
.aurum-content {
    width: min(1200px, 100%);
    min-height: calc(100vh - 64px);
    margin: 0 auto;
    padding: 32px;
    border-radius: 28px;
}

/* Keyframes انیمیشن‌ها */
@keyframes aurum-float-1 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    35% {
        transform: translate3d(60px, -45px, 0) scale(1.12);
    }

    70% {
        transform: translate3d(25px, 135px, 0) scale(0.93);
    }
}

@keyframes aurum-float-2 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    40% {
        transform: translate3d(-110px, 90px, 0) scale(0.9);
    }

    75% {
        transform: translate3d(-45px, 155px, 0) scale(1.1);
    }
}

@keyframes aurum-float-3 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    35% {
        transform: translate3d(-90px, -70px, 0) scale(1.16);
    }

    70% {
        transform: translate3d(-150px, 80px, 0) scale(0.87);
    }
}

@keyframes aurum-float-4 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    45% {
        transform: translate3d(100px, -105px, 0) scale(1.13);
    }

    80% {
        transform: translate3d(180px, -30px, 0) scale(0.9);
    }
}

@keyframes aurum-float-5 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    30% {
        transform: translate3d(-100px, -85px, 0) scale(1.12);
    }

    70% {
        transform: translate3d(55px, -145px, 0) scale(0.9);
    }
}

@keyframes aurum-float-6 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(150px, 120px, 0) scale(1.25);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 700px) {
    .aurum-page {
        padding: 18px;
    }

    .aurum-content {
        min-height: calc(100vh - 36px);
        padding: 20px;
        border-radius: 22px;
    }

    .aurum-orb {
        filter: blur(43px);
        opacity: 0.6;
    }

    .aurum-orb-1,
    .aurum-orb-4 {
        width: 230px;
        height: 230px;
    }

    .aurum-orb-2,
    .aurum-orb-5 {
        width: 180px;
        height: 180px;
    }

    .aurum-grid {
        background-size: 55px 55px;
    }
}

/* احترام به تنظیمات کاهش حرکت کاربر */
@media (prefers-reduced-motion: reduce) {
    .aurum-orb {
        animation: none !important;
    }

    .aurum-orb-container {
        transform: none !important;
    }
}