/* /Views/Error/Index.cshtml.rz.scp.css */


@keyframes rocket-movement-b-zwzy4zqion {
    0% {
        top: 75%;
        left: calc(0% - 70px);
    }

    100% {
        top: 0%;
        left: calc(100% + 70px);
    }
}

@keyframes spin-earth-b-zwzy4zqion {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        transition: transform 20s;
    }
}


@keyframes move-astronaut-b-zwzy4zqion {
    100% {
        -webkit-transform: translate(-160px, -160px);
        transform: translate(-160px, -160px);
    }
}


@keyframes rotate-astronaut-b-zwzy4zqion {
    100% {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}



@keyframes glow-star-b-zwzy4zqion {
    40% {
        opacity: 0.3;
    }

    90%, 100% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        border-radius: 999999px;
    }
}

.spin-earth-on-hover[b-zwzy4zqion] {
    transition: ease 200s !important;
    transform: rotate(-3600deg) !important;
}

*[b-zwzy4zqion] {
    box-sizing: border-box;
}

.main[b-zwzy4zqion], input[b-zwzy4zqion], textarea[b-zwzy4zqion], select[b-zwzy4zqion], button[b-zwzy4zqion], pre[b-zwzy4zqion] {
    font-family: IRANSansX;
    font-size: 14px;
    direction: rtl
}
.main[b-zwzy4zqion] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    background: radial-gradient(circle at bottom, #6f366f 0%, #423163 85%);
}

.custom-navbar[b-zwzy4zqion] {
    padding-top: 30px;
    text-align: center;
    width: 100%;
}

.brand-logo[b-zwzy4zqion] {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 50%;
    max-width: 160px;
}

.brand-logo img[b-zwzy4zqion] {width:100%;}
.btn-request[b-zwzy4zqion] {
    padding: 10px 25px;
    border: 1px solid #FFCB39;
    border-radius: 100px;
    font-weight: 400;
}

.btn-request:hover[b-zwzy4zqion] {
    background-color: #FFCB39;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}



.central-body[b-zwzy4zqion] {
    padding: 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}

.object_rocket[b-zwzy4zqion] {
    z-index: 95;
    position: absolute;
    left: 0;
    top: 75%;
    pointer-events: none;
    animation: rocket-movement-b-zwzy4zqion 200s linear infinite both running;
}

.object_earth[b-zwzy4zqion] {
    position: absolute;
    top: 20%;
    left: 15%;
    z-index: 90;
}

.object_astronaut[b-zwzy4zqion] {
    animation: rotate-astronaut-b-zwzy4zqion 200s infinite linear both alternate;
}

.error-404[b-zwzy4zqion] {
    color: #fff;
    font-size: 160px;
    position: relative;
    z-index: 100;
    line-height: 1;
    pointer-events: none;
}

.desc-404[b-zwzy4zqion] {
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 100;
    pointer-events: none;
}

.stars[b-zwzy4zqion] {
    height: 100%;
    background: url(../error/overlay_stars.svg);
    background-repeat: repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.glowing_stars .star[b-zwzy4zqion] {
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    width: 3px;
    height: 3px;
    opacity: 0.3;
    will-change: opacity;
}

.glowing_stars .star:nth-child(1)[b-zwzy4zqion] {
    top: 80%;
    left: 25%;
    animation: glow-star-b-zwzy4zqion 2s infinite ease-in-out alternate 1s;
}

.glowing_stars .star:nth-child(2)[b-zwzy4zqion] {
    top: 20%;
    left: 40%;
    animation: glow-star-b-zwzy4zqion 2s infinite ease-in-out alternate 3s;
}

.glowing_stars .star:nth-child(3)[b-zwzy4zqion] {
    top: 25%;
    left: 25%;
    animation: glow-star-b-zwzy4zqion 2s infinite ease-in-out alternate 5s;
}

.glowing_stars .star:nth-child(4)[b-zwzy4zqion] {
    top: 75%;
    left: 80%;
    animation: glow-star-b-zwzy4zqion 2s infinite ease-in-out alternate 7s;
}

.glowing_stars .star:nth-child(5)[b-zwzy4zqion] {
    top: 90%;
    left: 50%;
    animation: glow-star-b-zwzy4zqion 2s infinite ease-in-out alternate 9s;
}

@media only screen and (max-width: 600px) {
}


.center[b-zwzy4zqion] {
    position: absolute;
    top: 70%;
    left: 80%;
    transform: translate(-50%, -50%);
    transition: transform 0.5s;
    z-index: 1;
    pointer-events:none;
}

@media screen and (max-height: 600px) {
    .center[b-zwzy4zqion] {
        transform: translate(-50%, -50%) scale(0.75);
    }
}

@media screen and (max-width: 400px) {
    .center[b-zwzy4zqion] {
        transform: translate(-50%, -50%) scale(0.6);
    }
}

.circle[b-zwzy4zqion] {
    position: absolute;
    top: 700%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.astronaut[b-zwzy4zqion] {
    position: absolute;
    top: -115px;
    left: -30px;
    transform: rotate(17deg);
}

.astronaut .astronaut-backpack[b-zwzy4zqion] {
    width: 100px;
    height: 100px;
    background-color: #e3e3e3;
    border-radius: 10px;
}

.astronaut .antena--left[b-zwzy4zqion] {
    left: 10px;
}

.astronaut .antena--right[b-zwzy4zqion] {
    right: 10px;
}

.astronaut .astronaut-antena[b-zwzy4zqion] {
    position: absolute;
    top: -7px;
}

.astronaut .astronaut-antena .ear-down[b-zwzy4zqion] {
    position: absolute;
    bottom: -5px;
    width: 15px;
    height: 20px;
    border-radius: 5px;
    background-color: #afafaf;
    z-index: 1;
}

.astronaut .astronaut-antena .ear-up[b-zwzy4zqion] {
    position: relative;
    width: 15px;
    height: 20px;
    border-radius: 5px;
    background-color: #c3c3c3;
    z-index: 2;
}

.astronaut .astronaut-antena .antena[b-zwzy4zqion] {
    position: absolute;
    top: -29px;
    width: 2px;
    height: 30px;
    border-radius: 5px;
    background-color: #c3c3c3;
}

.astronaut .astronaut-antena .antena-tip[b-zwzy4zqion] {
    position: absolute;
    top: -33px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #c3c3c3;
}

.astronaut .antena--left .antena[b-zwzy4zqion] {
    left: 5px;
}

.astronaut .antena--right .antena[b-zwzy4zqion] {
    right: 5px;
}

.astronaut .antena--left .antena-tip[b-zwzy4zqion] {
    left: 3px;
}

.astronaut .antena--right .antena-tip[b-zwzy4zqion] {
    right: 3px;
}

.astronaut .astronaut-helmet[b-zwzy4zqion] {
    position: absolute;
    top: -30px;
    left: 50%;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 5px 1px -3px #808080;
    transform: translateX(-50%);
    z-index: 3;
    overflow: hidden;
}

.astronaut .astronaut-glass[b-zwzy4zqion] {
    position: absolute;
    top: 13px;
    left: 5px;
    width: 56px;
    height: 56px;
    background: #00202e;
    border-radius: 10px;
}

.astronaut .glow[b-zwzy4zqion] {
    position: absolute;
    border-radius: 50%;
    background-color: #334d57;
}

.astronaut .glow--1[b-zwzy4zqion] {
    top: 25px;
    left: 15px;
    width: 17px;
    height: 17px;
}

.astronaut .glow--2[b-zwzy4zqion] {
    top: 44px;
    left: 13px;
    width: 7px;
    height: 7px;
}

.astronaut .astronaut-body[b-zwzy4zqion] {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 50px;
    height: 50px;
    background-color: #c3c3c3;
    transform: translateX(-50%);
}

.astronaut-wire[b-zwzy4zqion] {
    position: absolute;
    top: -40px;
    left: -260px;
}

.astronaut-hands[b-zwzy4zqion] {
    position: absolute;
    top: -89px;
    left: -23px;
    width: 100px;
    transform: rotate(17deg);
    z-index: 3;
}

.astronaut-hands .astronaut-hand[b-zwzy4zqion] {
    position: absolute;
}

.astronaut-hands .hand--left[b-zwzy4zqion] {
    left: -3px;
}

.astronaut-hands .hand--right[b-zwzy4zqion] {
    transform: scaleX(-1);
    right: -3px;
}

.oh[b-zwzy4zqion] {
    transition: all 0.1s linear;
    -webkit-animation: floating 4s linear infinite;
    animation: floating-b-zwzy4zqion 4s linear infinite;
    z-index: 2;
}

.planet[b-zwzy4zqion] {
    background-color: #ff4980;
    box-shadow: inset -6px -10px 0px 1px #cc3b6b, 0px 2px 10px rgba(0, 0, 0, 0.4);
    width: 155px;
    height: 155px;
}

.craters .crater[b-zwzy4zqion] {
    position: absolute;
    border-radius: 50%;
    background-color: #c93667;
}

.craters .crater--1[b-zwzy4zqion] {
    width: 35px;
    height: 35px;
    top: 30px;
    left: 25px;
}

.craters .crater--2[b-zwzy4zqion] {
    width: 23px;
    height: 23px;
    top: 20px;
    left: 93px;
}

.craters .crater--3[b-zwzy4zqion] {
    width: 17px;
    height: 17px;
    top: 77px;
    left: 17px;
}

.craters .crater--4[b-zwzy4zqion] {
    width: 10px;
    height: 10px;
    top: 90px;
    left: 80px;
}

.craters .crater--5[b-zwzy4zqion] {
    width: 25px;
    height: 25px;
    top: 115px;
    left: 50px;
}

.craters .crater--6[b-zwzy4zqion] {
    width: 13px;
    height: 13px;
    top: 118px;
    left: 105px;
}

.btn[b-zwzy4zqion] {
    color: #fff;
    z-index: 1;
    background: transparent;
    position: relative;
    padding: 8px 50px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s ease;
    font-weight: bold;
    margin: 30px auto;
    overflow: hidden;
    display: block;
    width: max-content;
    text-decoration: none;
}

.btn.green[b-zwzy4zqion] {
    border: 4px solid #2ccf6d;
    z-index:2;
}

.btn.green[b-zwzy4zqion]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: #2ccf6d;
    z-index: -1;
    transition: 0.2s ease;
    border-radius: 30px;
}

.btn.green:hover[b-zwzy4zqion] {
    color: #fff;
    /* background: var(--green);
            transition: 0.2s ease;*/
}

.btn.green:hover[b-zwzy4zqion]:before {
    width: 100%;
}

#footer[b-zwzy4zqion] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
}

#footer a[b-zwzy4zqion] {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

@-webkit-keyframes blink {

    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.4);
        opacity: 0.5;
    }
}

@keyframes blink-b-zwzy4zqion {

    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.4);
        opacity: 0.5;
    }
}



@keyframes floating-b-zwzy4zqion {

    0%, 100% {
        transform: translate(2px, -3px) rotate(-2deg);
    }

    20% {
        transform: translate(3px, 0px) rotate(0deg);
    }

    40% {
        transform: translate(2px, -1px) rotate(-1deg);
    }

    60% {
        transform: translate(3px, -3px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, 3px) rotate(0deg);
    }
}

@media only screen and (max-width: 850px) {
    .error-404[b-zwzy4zqion]{
        font-size:130px;
    }
}
@media only screen and (max-width: 768px) {
    .object_rocket[b-zwzy4zqion] {
        transform: rotate(354deg);
    }
}

@media only screen and (max-width: 600px) {
    .earth-moon[b-zwzy4zqion]{display:none;}
    .error-404[b-zwzy4zqion] {
        font-size: 16vw;
    }
}
@media only screen and (max-width: 425px) {
    .object_rocket[b-zwzy4zqion] {
        transform: rotate(348deg)
    }
    #footer a[b-zwzy4zqion]{
        font-size:11px;
    }
}
/* /Views/Home/Index.cshtml.rz.scp.css */

/* ---------- HERO ---------- */
.hero[b-3kqfffro6d] { position: relative; min-height: 100lvh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(ellipse at 50% -10%, #1c2e22 0%, var(--ink-950) 62%); color: var(--parchment-100); text-align: center; padding: 120px 6vw 90px; overflow: hidden; }
.stars[b-3kqfffro6d] { position: absolute; inset: 0; opacity: .55; pointer-events: none; }
.hero-eyebrow[b-3kqfffro6d] { font-size: 14px; letter-spacing: 2.5px; color: var(--brass-300); text-transform: uppercase; margin-bottom: 22px; font-weight: 600; display: flex; align-items: center; gap: 10px; z-index: 2; }
.hero-eyebrow[b-3kqfffro6d]::before, .hero-eyebrow[b-3kqfffro6d]::after { content: ""; width: 34px; height: 1px; background: var(--brass-500); }
.hero h1[b-3kqfffro6d] { font-family: var(--font-display); font-size: clamp(38px,7vw,78px); line-height: 1.25; color: var(--parchment-50); z-index: 2; max-width: 920px; }
.hero h1 span[b-3kqfffro6d] { color: var(--brass-300); }
.hero p.sub[b-3kqfffro6d] { margin-top: 26px; max-width: 620px; font-size: clamp(16px,2vw,19px); color: var(--parchment-200); line-height: 1.9; z-index: 2; opacity: .9; }
.hero-actions[b-3kqfffro6d] { display: flex; gap: 16px; margin-top: 42px; z-index: 2; flex-wrap: wrap; justify-content: center; }
.scroll-cue[b-3kqfffro6d] { position: absolute; bottom: 34px; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--parchment-200); font-size: 12.5px; letter-spacing: 1px; opacity: .75; z-index: 2; }
.scroll-cue .stick[b-3kqfffro6d] { width: 1px; height: 38px; background: linear-gradient(var(--brass-300), transparent); animation: pulse-stick-b-3kqfffro6d 1.8s infinite; }

@keyframes pulse-stick-b-3kqfffro6d {
    0% { opacity: .2; }
    50% { opacity: 1; }
    100% { opacity: .2; }
}

.activequiz[b-3kqfffro6d] { display: flex; flex-wrap: wrap; gap: 10px; }
/* ---------- STORY (scroll-driven) ---------- */

.spines[b-3kqfffro6d] { display: flex; justify-content: center; gap: 10px; margin: 34px 0 40px; height: 120px; align-items: flex-end; }
.spine[b-3kqfffro6d] { width: 16px; height: 38%; border-radius: 3px 3px 1px 1px; background: rgba(239,233,218,.08); border: 1px solid var(--line); transition: height .5s ease, background .5s ease, box-shadow .5s ease; }
.spine.lit[b-3kqfffro6d] { background: linear-gradient(180deg, var(--gold) 0%, #8a6a3a 100%); box-shadow: 0 0 16px var(--gold-soft); }



.story[b-3kqfffro6d] { position: relative; }
.story-bg[b-3kqfffro6d] { position: sticky; top: 0; height: 100lvh; width: 100%; background: linear-gradient(180deg, var(--c1,#0D1310), var(--c2,#1A3226)); overflow: hidden; z-index: 0; transition: background .1s linear; }
.story-bg .halo[b-3kqfffro6d] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse 60% 50% at 50% 34%, var(--halo,rgba(217,175,108,0)) 0%, transparent 70%); transition: background .15s linear; pointer-events: none; }
.story-bg .sun[b-3kqfffro6d] { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(4vh + var(--sun-y,0px)); width: 20vmin; height: 20vmin; border-radius: 50%; background: var(--brass-300); opacity: var(--sun-op,0); box-shadow: 0 0 90px 30px rgba(217,175,108,.35); transition: opacity .2s linear, bottom .2s linear; pointer-events: none; }
.stars-layer[b-3kqfffro6d] { position: absolute; inset: 0; opacity: var(--stars-op,1); transition: opacity .3s linear; pointer-events: none; }
.story-vignette[b-3kqfffro6d] { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(to top, rgba(10,14,11,.82) 0%, rgba(10,14,11,.45) 32%, transparent 58%); }
.scene-stage[b-3kqfffro6d] { position: relative; height: 50vh; margin-top: 5vh; display: flex; align-items: center; justify-content: center; }
.scene[b-3kqfffro6d] { position: absolute; width: min(280px,58vw); height: min(280px,58vw); opacity: 0; transform: scale(.92) translateY(10px); transition: opacity .6s ease, transform .6s ease; }
.scene.active[b-3kqfffro6d] { opacity: 1; transform: scale(1) translateY(0); }
.scene svg[b-3kqfffro6d] { width: 100%; height: 100%; overflow: visible; }

.flame[b-3kqfffro6d] { transform-origin: 50% 100%; animation: flicker-b-3kqfffro6d 2.6s ease-in-out infinite; }


@keyframes flicker-b-3kqfffro6d {
    0%,100% { transform: scaleY(1) rotate(0deg); }
    25% { transform: scaleY(1.06) rotate(-2deg); }
    50% { transform: scaleY(.95) rotate(1.5deg); }
    75% { transform: scaleY(1.03) rotate(-1deg); }
}

.mark-float[b-3kqfffro6d] { animation: markfloat-b-3kqfffro6d 3.2s ease-in-out infinite; }
.mark-float.d2[b-3kqfffro6d] { animation-delay: .6s; }
.mark-float.d3[b-3kqfffro6d] { animation-delay: 1.2s; }

@keyframes markfloat-b-3kqfffro6d {
    0%,100% { transform: translateY(0); opacity: .55; }
    50% { transform: translateY(-8px); opacity: 1; }
}

.scale-beam[b-3kqfffro6d] { transform-origin: 150px 96px; animation: balance-b-3kqfffro6d 4.4s ease-in-out infinite; }

@keyframes balance-b-3kqfffro6d {
    0%,100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}

.bird[b-3kqfffro6d] { animation: fly-b-3kqfffro6d 7s linear infinite; }
.bird.b2[b-3kqfffro6d] { animation-delay: 2.3s; animation-duration: 9s; }
.wing[b-3kqfffro6d] { transform-origin: center; animation: flap-b-3kqfffro6d 1s ease-in-out infinite alternate; }

@keyframes flap-b-3kqfffro6d {
    from { transform: scaleY(1); }
    to { transform: scaleY(.55); }
}

@keyframes fly-b-3kqfffro6d {
    0% { transform: translateX(-40px); }
    100% { transform: translateX(320px); }
}

.ray[b-3kqfffro6d] { transform-origin: 150px 150px; animation: rayspin-b-3kqfffro6d 40s linear infinite; opacity: .35; }

@keyframes rayspin-b-3kqfffro6d {
    to { transform: rotate(360deg); }
}

.clock-hand[b-3kqfffro6d] { transform-origin: 225px 215px; animation: clocktick-b-3kqfffro6d 6s linear infinite; }

@keyframes clocktick-b-3kqfffro6d {
    to { transform: rotate(360deg); }
}

.seal[b-3kqfffro6d] { transform-origin: 150px 165px; transition: transform .6s cubic-bezier(.2,.8,.3,1.3), opacity .5s ease; }
.scene.active .seal[b-3kqfffro6d] { transform: scale(1); }
.seal[b-3kqfffro6d] { transform: scale(.4); opacity: 0; }
.scene.active .seal[b-3kqfffro6d] { opacity: 1; }

.story-rail[b-3kqfffro6d] { position: absolute; top: 50%; right: 32px; transform: translateY(-50%); display: none; flex-direction: column; align-items: center; gap: 0; z-index: 2; }

@media(min-width:860px) {
    .story-rail[b-3kqfffro6d] { display: flex; }
}

.rail-line[b-3kqfffro6d] { position: relative; width: 2px; height: 220px; background: rgba(217,175,108,.2); border-radius: 2px; }
.rail-fill[b-3kqfffro6d] { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: var(--rail-h,0%); background: var(--brass-300); border-radius: 2px; transition: height .1s linear; }
.rail-dots[b-3kqfffro6d] { position: absolute; top: 0; right: 0; left: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.rail-dot[b-3kqfffro6d] { position: relative; width: 9px; height: 9px; margin-inline-start: -3.5px; border-radius: 50%; background: var(--ink-950); border: 2px solid rgba(217,175,108,.45); transition: background .3s, border-color .3s, transform .3s; }
.rail-dot.active[b-3kqfffro6d] { background: var(--brass-300); border-color: var(--brass-300); transform: scale(1.35); }
.rail-dot .rail-label[b-3kqfffro6d] { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 12px; color: var(--parchment-200); white-space: nowrap; opacity: .5; transition: opacity .3s, color .3s; }
.rail-dot.active .rail-label[b-3kqfffro6d] { opacity: 1; color: var(--brass-300); font-weight: 700; }

.story-track[b-3kqfffro6d] { position: relative; z-index: 1; margin-top: -100vh; }
.story-panel[b-3kqfffro6d] { display: flex; align-items: center; justify-content: center; padding: 0 40px 60px 40px; }
.story-card[b-3kqfffro6d] { max-width: 560px; text-align: center; opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.story-panel.in-view .story-card[b-3kqfffro6d] { opacity: 1; transform: translateY(0); }
.story-panel:last-child[b-3kqfffro6d] { padding-bottom: 50px }
.story-eyebrow[b-3kqfffro6d] { font-size: 13px; color: var(--brass-300); letter-spacing: 1.5px; font-weight: 600; margin-bottom: 10px; }
.story-card h3[b-3kqfffro6d] { font-family: var(--font-display); font-size: 30px; color: var(--parchment-50); margin-bottom: 12px; line-height: 1.4; }
.story-card p[b-3kqfffro6d] { color: var(--parchment-200); font-size: 15.5px; line-height: 1.9; max-width: 460px; margin-inline: auto; }



/* ---------- ABOUT ---------- */
.section[b-3kqfffro6d] { padding: 80px 6vw; }
.section-head[b-3kqfffro6d] { text-align: justify; margin-bottom: 56px; }
.eyebrow-mark[b-3kqfffro6d] { height:21px;display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--crimson-600); letter-spacing: 1px; margin-bottom: 16px; }
.eyebrow-mark[b-3kqfffro6d]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--crimson-600); }
.section-head h2[b-3kqfffro6d] { font-family: var(--font-display); font-size: 44px; min-height: 62px; color: var(--charcoal-800); line-height: 1.4; }
.section-head p[b-3kqfffro6d] { margin-top: 16px; font-size: 16.5px; color: var(--charcoal-600); line-height: 1.9; }

.about[b-3kqfffro6d] { background: var(--parchment-100); }
.feature-grid[b-3kqfffro6d] { display: grid; grid-template-columns: 1fr; gap: 2px; background: var(--brass-500); border: 1px solid var(--brass-500); border-radius: 12px; overflow: hidden; }

@media(min-width:760px) {
    .feature-grid[b-3kqfffro6d] { grid-template-columns: 1fr 1fr; }
}

@media(max-width:720px) {
    .section-head h2[b-3kqfffro6d] { font-size: 36px; min-height: 52px; }
}

@media(max-width:560px) {
    .section-head h2[b-3kqfffro6d] { font-size: 30px; min-height: 42px; }
}

@media(max-width:450px) {
    .section-head h2[b-3kqfffro6d] { font-size: 24px; min-height: 34px; }
}

.feature[b-3kqfffro6d] { background: var(--parchment-50); padding: 36px 32px; }
.feature .num[b-3kqfffro6d] { font-family: var(--font-body); font-size: 15px; color: var(--brass-500); margin-bottom: 14px; letter-spacing: 1px; }
.feature h4[b-3kqfffro6d] { font-size: 19px; font-weight: 700; margin-bottom: 10px; color: var(--charcoal-800); }
.feature p[b-3kqfffro6d] { font-size: 15px; color: var(--charcoal-600); line-height: 1.85; }

/* ---------- FAQ ---------- */
.faq[b-3kqfffro6d] { background: var(--parchment-50); }
.faq-list[b-3kqfffro6d] { max-width: 820px; }
.faq-item[b-3kqfffro6d] { border-bottom: 1px solid var(--parchment-200); }
.faq-q[b-3kqfffro6d] { width: 100%; text-align: right; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 4px; font-family: var(--font-body); font-size: 17px; font-weight: 600; color: var(--charcoal-800); }
.faq-q .plus[b-3kqfffro6d] { flex-shrink: 0; width: 26px; height: 26px; border: 1px solid var(--brass-500); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: transform .3s ease; }
.faq-q .plus[b-3kqfffro6d]::before, .faq-q .plus[b-3kqfffro6d]::after { content: ""; position: absolute; background: var(--brass-500); }
.faq-q .plus[b-3kqfffro6d]::before { width: 10px; height: 1.5px; }
.faq-q .plus[b-3kqfffro6d]::after { width: 1.5px; height: 10px; transition: opacity .25s ease; }
.faq-item.open .plus[b-3kqfffro6d] { transform: rotate(45deg); }
.faq-a[b-3kqfffro6d] { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
.faq-a p[b-3kqfffro6d] { padding: 0 4px 26px; font-size: 15.5px; color: var(--charcoal-600); line-height: 1.95; text-align: justify; }



/* ---------- phase container ---------- */
.phase[b-3kqfffro6d] { display: flex; flex-direction: column; align-items: center; text-align: center; }
[hidden][b-3kqfffro6d] { display: none !important; }

/* ---------- checking phase ---------- */
.spinner-wrap[b-3kqfffro6d] { width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
.spinner-wrap svg[b-3kqfffro6d] { animation: spin-b-3kqfffro6d 1.1s linear infinite; }

@keyframes spin-b-3kqfffro6d {
    to { transform: rotate(360deg); }
}

.check-title[b-3kqfffro6d] { font-size: 16px; font-weight: 600; margin: 0 0 6px; color: var(--paper); }
.check-sub[b-3kqfffro6d] { font-size: 13px; color: var(--muted); margin: 0; }

/* ---------- verified phase ---------- */
.seal-wrap[b-3kqfffro6d] { width: 112px; height: 112px; position: relative; }
.seal-wrap .glow[b-3kqfffro6d] { position: absolute; inset: -18px; border-radius: 50%; background: radial-gradient(closest-side, rgba(231,183,95,0.6), transparent 72%); opacity: 0; }
.verified-phase.in .glow[b-3kqfffro6d] { animation: glowPulse-b-3kqfffro6d 1.6s ease-out 0.15s both; }
.verified-phase[b-3kqfffro6d] { width: 100% }
.verified-phase .btn-cta[b-3kqfffro6d] { width: 240px; text-align: center; }

@keyframes glowPulse-b-3kqfffro6d {
    0% { opacity: 0; transform: scale(0.6); }
    35% { opacity: 1; transform: scale(1.15); }
    100% { opacity: 0.55; transform: scale(1); }
}

.seal-ring[b-3kqfffro6d] { transform-origin: center; opacity: 0; }
.verified-phase.in .seal-ring[b-3kqfffro6d] { animation: sealPop-b-3kqfffro6d 0.62s cubic-bezier(.2,1.4,.4,1) 0.05s both; }

@keyframes sealPop-b-3kqfffro6d {
    0% { opacity: 0; transform: scale(0.4) rotate(-14deg); }
    100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

.seal-check[b-3kqfffro6d] { stroke-dasharray: 40; stroke-dashoffset: 40; }
.verified-phase.in .seal-check[b-3kqfffro6d] { animation: drawCheck-b-3kqfffro6d 0.5s ease-out 0.45s forwards; }

@keyframes drawCheck-b-3kqfffro6d {
    to { stroke-dashoffset: 0; }
}

.leaf[b-3kqfffro6d] { opacity: 0; }
.verified-phase.in .leaf-l[b-3kqfffro6d] { animation: leafIn-b-3kqfffro6d 0.5s ease-out 0.35s both; }
.verified-phase.in .leaf-r[b-3kqfffro6d] { animation: leafIn-b-3kqfffro6d 0.5s ease-out 0.42s both; }

@keyframes leafIn-b-3kqfffro6d {
    0% { opacity: 0; transform: translateX(0) scale(0.7); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}

.token-chip[b-3kqfffro6d] { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--teal); background: rgba(95,230,198,0.08); border: 1px solid rgba(95,230,198,0.25); padding: 5px 12px; border-radius: 999px; opacity: 0; transform: translateY(6px); }
.verified-phase.in .token-chip[b-3kqfffro6d] { animation: riseIn-b-3kqfffro6d 0.45s ease-out 0.55s forwards; }

.v-title[b-3kqfffro6d] { font-size: 16px; font-weight: 700; margin: 25px 0; opacity: 0; transform: translateY(8px); }
.verified-phase.in .v-title[b-3kqfffro6d] { animation: riseIn-b-3kqfffro6d 0.45s ease-out 0.62s forwards; }

.v-sub[b-3kqfffro6d] { font-size: 13.5px; line-height: 1.9; color: var(--muted); margin: 0 0 26px; max-width: 280px; opacity: 0; transform: translateY(8px); }
.verified-phase.in .v-sub[b-3kqfffro6d] { animation: riseIn-b-3kqfffro6d 0.45s ease-out 0.7s forwards; }

@keyframes riseIn-b-3kqfffro6d {
    to { opacity: 1; transform: translateY(0); }
}
.btn-primary[b-3kqfffro6d] { appearance: none; border: none; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(180deg, var(--gold), var(--gold-dim)); color: #20180a; font-family: inherit; font-size: 14.5px; font-weight: 700; padding: 13px 18px; border-radius: 10px; opacity: 0; transform: translateY(10px) scale(0.98); box-shadow: 0 10px 24px -10px rgba(231,183,95,0.55); transition: filter 0.15s ease, transform 0.15s ease; }
.verified-phase.in .btn-primary[b-3kqfffro6d] { animation: riseIn-b-3kqfffro6d 0.45s ease-out 0.8s forwards; }
.btn-primary:hover[b-3kqfffro6d] { filter: brightness(1.06); }
.btn-primary:active[b-3kqfffro6d] { transform: translateY(0) scale(0.985); }
.btn-primary svg[b-3kqfffro6d] { transition: transform 0.2s ease; }
.btn-primary:hover svg[b-3kqfffro6d] { transform: translateX(-3px); }

.verified-phase.in .reset-link[b-3kqfffro6d] { animation: riseIn-b-3kqfffro6d 0.4s ease-out 0.92s forwards; }
.reset-link[b-3kqfffro6d] { margin-top: 10px; background: none; border: none; color: var(--muted); font-family: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; opacity: 0; }
.reset-link:hover[b-3kqfffro6d] { color: var(--paper); }
/* /Views/Home/Terms.cshtml.rz.scp.css */
/* ---------- HERO ---------- */
.hero[b-da7n0bwztr] { position: relative; min-height: 100lvh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(ellipse at 50% -10%, #1c2e22 0%, var(--ink-950) 62%); color: var(--parchment-100); text-align: center; padding: 120px 6vw 90px; overflow: hidden; }
.stars[b-da7n0bwztr] { position: absolute; inset: 0; opacity: .55; pointer-events: none; }
.hero-eyebrow[b-da7n0bwztr] { font-size: 14px; letter-spacing: 2.5px; color: var(--brass-300); text-transform: uppercase; margin-bottom: 22px; font-weight: 600; display: flex; align-items: center; gap: 10px; z-index: 2; }
.hero-eyebrow[b-da7n0bwztr]::before, .hero-eyebrow[b-da7n0bwztr]::after { content: ""; width: 34px; height: 1px; background: var(--brass-500); }
.hero h1[b-da7n0bwztr] { font-family: var(--font-display); font-size: clamp(38px,7vw,78px); line-height: 1.25; color: var(--parchment-50); z-index: 2; max-width: 920px; }
.hero h1 span[b-da7n0bwztr] { color: var(--brass-300); }
.hero p.sub[b-da7n0bwztr] { margin-top: 26px; max-width: 620px; font-size: clamp(16px,2vw,19px); color: var(--parchment-200); line-height: 1.9; z-index: 2; opacity: .9; }
.hero-actions[b-da7n0bwztr] { display: flex; gap: 16px; margin-top: 42px; z-index: 2; flex-wrap: wrap; justify-content: center; }
.scroll-cue[b-da7n0bwztr] { position: absolute; bottom: 34px; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--parchment-200); font-size: 12.5px; letter-spacing: 1px; opacity: .75; z-index: 2; }
.scroll-cue .stick[b-da7n0bwztr] { width: 1px; height: 38px; background: linear-gradient(var(--brass-300), transparent); animation: pulse-stick-b-da7n0bwztr 1.8s infinite; }

@keyframes pulse-stick-b-da7n0bwztr {
    0% { opacity: .2; }
    50% { opacity: 1; }
    100% { opacity: .2; }
}

.activequiz[b-da7n0bwztr] { display: flex; flex-wrap: wrap; gap: 10px; }
/* ---------- ABOUT ---------- */
.section[b-da7n0bwztr] { padding: 80px 6vw; }
.section-head[b-da7n0bwztr] { text-align: justify; margin-bottom: 56px; }
.eyebrow-mark[b-da7n0bwztr] { height: 21px;display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--crimson-600); letter-spacing: 1px; margin-bottom: 16px; }
.eyebrow-mark[b-da7n0bwztr]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--crimson-600); }
.section-head h2[b-da7n0bwztr] { font-family: var(--font-display); font-size: 44px; min-height: 62px; color: var(--charcoal-800); line-height: 1.4; }
.section-head p[b-da7n0bwztr] { margin-top: 16px; font-size: 16.5px; color: var(--charcoal-600); line-height: 1.9; }

.about[b-da7n0bwztr] { background: var(--parchment-100); }
.feature-grid[b-da7n0bwztr] { display: grid; grid-template-columns: 1fr; gap: 2px; background: var(--brass-500); border: 1px solid var(--brass-500); border-radius: 12px; overflow: hidden; }

@media(min-width:760px) {
    .feature-grid[b-da7n0bwztr] { grid-template-columns: 1fr 1fr; }
}

@media(max-width:720px) {
    .section-head h2[b-da7n0bwztr] { font-size: 36px; min-height: 52px; }
}

@media(max-width:560px) {
    .section-head h2[b-da7n0bwztr] { font-size: 30px; min-height: 42px; }
}

@media(max-width:450px) {
    .section-head h2[b-da7n0bwztr] { font-size: 24px; min-height: 34px; }
}

.feature[b-da7n0bwztr] { background: var(--parchment-50); padding: 36px 32px; }
.feature .num[b-da7n0bwztr] { font-family: var(--font-body); font-size: 15px; color: var(--brass-500); margin-bottom: 14px; letter-spacing: 1px; }
.feature h4[b-da7n0bwztr] { font-size: 19px; font-weight: 700; margin-bottom: 10px; color: var(--charcoal-800); }
.feature p[b-da7n0bwztr] { font-size: 15px; color: var(--charcoal-600); line-height: 1.85; }
/* /Views/Profile/Download.cshtml.rz.scp.css */
/* /Views/Profile/Index.cshtml.rz.scp.css */


.quizzes .items[b-divcokmbb8] { display: grid; grid-template-columns: 1fr 1fr; }
.quizzes .quiz[b-divcokmbb8] { background: #fff; color: #000; padding: 30px; border-radius: 20px; border: 1px solid var(--brass-500); position: relative; display: grid; gap: 10px; grid-template-areas: "name name" "status status" "desc desc" "courses courses" "date date" "btn btn" "actiondesc actiondesc"; grid-template-columns: 1fr max-content; text-align: justify; user-select: none; -webkit-user-select: none; }
.quizzes .quiz svg[b-divcokmbb8] { width: 18px }
.quizzes .quiz .name[b-divcokmbb8] { grid-area: name; }
.quizzes .quiz .status[b-divcokmbb8] { grid-area: status; font-size: 14px; opacity: 0.7 }
.quizzes .quiz .courses[b-divcokmbb8] { display: flex; gap: 5px; align-items: center; grid-area: courses }
.quizzes .quiz .date[b-divcokmbb8] { display: flex; gap: 5px; align-items: center; grid-area: date }
.quizzes .quiz .desc[b-divcokmbb8] { font-size: 14px; grid-area: desc; margin-bottom: 15px; }
.quizzes .quiz .btn-cta[b-divcokmbb8] { grid-area: btn; margin-top: 15px; }
.quizzes .quiz .actiondesc[b-divcokmbb8] { font-size: 13px; grid-area: actiondesc; margin-top: 15px; }
.quizzes .quiz.deactive[b-divcokmbb8] { cursor: not-allowed; }
.quizzes .quiz.deactive *[b-divcokmbb8] { pointer-events: none; }
.quizzes .quiz .state[b-divcokmbb8] { left: 20px; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 20px; display: grid; justify-items: center; align-items: center; }
.quizzes .quiz.active .state[b-divcokmbb8] { background: #198754; }
.quizzes .quiz.deactive .state[b-divcokmbb8] { background: #dc3545; }
.quizzes .quiz.deactive .btn-cta[b-divcokmbb8] { pointer-events:none;filter:grayscale(1) }
.quizzes .quiz.active .state[b-divcokmbb8]:before { content: ""; animation: pulse-b-divcokmbb8 1.5s infinite ease-in; animation-delay: 0.5s; position: absolute; width: 12px; height: 12px; background: #198754; border-radius: 50%; }

@keyframes pulse-b-divcokmbb8 {
    from { transform: scale(1); opacity: 1; }
    to { transform: scale(2); opacity: 0; }
}

#changenumbox[b-divcokmbb8] { display: none; background: #1E2821; }
#changenumbox lottie-player[b-divcokmbb8] { margin-top: -75px; pointer-events: none; }
#changenumbox[b-divcokmbb8] { z-index: 101; padding: 16px; box-sizing: border-box; position: fixed; inset: 0; }
#changenumbox > div[b-divcokmbb8] { box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; width: calc(100% - 40px); max-width: 500px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(217,175,108,.6); padding: 50px; border-radius: 6px; text-align: center; }
#changenumbox > div input[b-divcokmbb8] { text-align: center; }
#otp[b-divcokmbb8] { width: 100% }
#changenumbox input[b-divcokmbb8] { direction: ltr;color:#000 }
#otpform[b-divcokmbb8] { display: none; }
#changenumform svg[b-divcokmbb8] { height: 75px; margin: 10px auto; }
#changenumbox  input[b-divcokmbb8]::placeholder { color: #333 }
.reset-link[b-divcokmbb8] { display: block; width: max-content; margin: 20px auto 0 auto; background: none; border: none; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

@media(max-width:1410px) {
    .hero[b-divcokmbb8] { padding: 180px 80px 120px 80px; grid-template-columns: 1fr max-content; gap: 10px }
}

@media(max-width:1000px) {
    .hero[b-divcokmbb8] { padding: 180px 80px 120px 80px; grid-template-columns: 1fr; }
    .hero lottie-player[b-divcokmbb8] { display: none; }
}

@media(max-width:800px) {
    .quizzes .items[b-divcokmbb8] {grid-template-columns:1fr}
}

@media(max-width:500px) {
    #changenumbox lottie-player[b-divcokmbb8] { margin-top: -60px; }
    #changenumbox > div[b-divcokmbb8] { background: #1E2821; box-shadow: none; border: none; padding: 16px;color:#fff }
    #changenumbox input[b-divcokmbb8] { direction: ltr; color: #fff }
    #changenumbox input[b-divcokmbb8]::placeholder { color: rgba(243,236,216,.4); }
}

@media(max-width:400px) {
    .hero[b-divcokmbb8] { padding: 180px 40px 120px 40px; grid-template-columns: 1fr; }
}
/* /Views/Profile/Key.cshtml.rz.scp.css */
/* /Views/Profile/Result.cshtml.rz.scp.css */
#result .info[b-mx3jvhj7n3] {margin-bottom:16px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px }
#result .info > div[b-mx3jvhj7n3] { background: #fff; padding: 20px; border-radius: 16px; border: 2px solid var(--parchment-200); display: flex; flex-direction: column; justify-content: center; align-items: center; }
#result .info > div .icon[b-mx3jvhj7n3] {width:max-content;padding:8px;border-radius:8px;margin-bottom:15px}
#result .info > .total .icon[b-mx3jvhj7n3] { background-color: #f0fdfa; color: #0d9488; }
#result .info > .avg .icon[b-mx3jvhj7n3] { background-color: #eff6ff; color: #2563eb; }
#result .info > .high .icon[b-mx3jvhj7n3] { background-color: #fffbeb; color: #d97706; }
#result .info > div .value[b-mx3jvhj7n3] { font-weight:bold;font-size:24px }
#result .details[b-mx3jvhj7n3] { width: 100%; height: 500px;margin-bottom:16px; background: #fff; padding: 20px; border-radius: 16px; border: 2px solid var(--parchment-200); }
#result .details > canvas[b-mx3jvhj7n3] { width: 100%; height: 400px }
.get.section[b-mx3jvhj7n3] { background: var(--parchment-100); }
.get .get-form[b-mx3jvhj7n3] { background: #1E2821; display: flex; flex-direction: column; }
.circle[b-mx3jvhj7n3]{width:230px;position:relative;margin:0 auto;margin-bottom:32px;}
.status[b-mx3jvhj7n3] { color: #fff; font-weight: 700; margin-bottom: 20px; font-size: 0.875rem; line-height: 1.25rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.status p[b-mx3jvhj7n3] { color: var(--parchment-100); }
.status span[b-mx3jvhj7n3] { background-color: rgba(220,220,220,0.2); width:max-content;padding:8px 16px;border-radius:10px;}
.status.low[b-mx3jvhj7n3] { color: #b91c1c; }
.status.low span[b-mx3jvhj7n3] { background-color: #fef2f2; }
.circle svg[b-mx3jvhj7n3] { --tw-rotate: -90deg; transform: matrix(0, -1, 1, 0, 0, 0); }
.circle .detail[b-mx3jvhj7n3] { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column;inset:0 }
.circle .detail .val[b-mx3jvhj7n3] { margin-top: 30px;  background: linear-gradient(135deg, var(--brass-300) 0%, var(--brass-500) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 3rem; line-height: 1; font-weight: 700; }
.circle .detail .max[b-mx3jvhj7n3] { color: #9ca3af; font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.25rem; }
#viewdetailedresult svg[b-mx3jvhj7n3] { width: 16px; height: 16px; }
#viewdetailedresult[b-mx3jvhj7n3]{position:absolute; }
.sample-foot[b-mx3jvhj7n3] { display: flex; margin-top: auto; }
#downloadbox[b-mx3jvhj7n3] { background: var(--parchment-100); }
#egpa[b-mx3jvhj7n3] { background: var(--ink-900) }
#egpa .section-head h2[b-mx3jvhj7n3] { color: #fff }
.get-wrap[b-mx3jvhj7n3]{min-height:520px}
.get-wrap h3[b-mx3jvhj7n3]{min-height:28px}
@media(max-width:650px) {
    #result .info[b-mx3jvhj7n3] { grid-template-columns: 1fr; }
    #result .info > div[b-mx3jvhj7n3] { display: grid; grid-template-columns: 1fr 1fr 140px; justify-content: space-evenly; text-align: center; }
    #result .info > div .icon[b-mx3jvhj7n3] { margin-bottom: 0 }
}
@media(max-width:360px) {
    #result .info[b-mx3jvhj7n3] { grid-template-columns: 1fr; }
    #result .info > div[b-mx3jvhj7n3] { display: grid; grid-template-columns: 1fr; justify-content: center;align-items:center; text-align: center; }
    #result .info > div .icon[b-mx3jvhj7n3] { margin: 0 auto 15px auto }
}


@scope(.stat-box){
    /* ====== خود باکس ====== */
    :scope[b-mx3jvhj7n3] { position: relative;overflow:hidden; width: 100%; height: 200px; container-type: inline-size; overflow: hidden; isolation: isolate; background: linear-gradient(160deg, var(--forest-800), var(--ink-950)); display: flex; align-items: center; justify-content: center; gap: clamp(20px,6vw,120px); font-family: var(--font-body); color: #E9FBEF; }

    /* لایه ۱: شفق (لکه‌های نورانی در حال حرکت) */
    .aurora[b-mx3jvhj7n3] { position: absolute; inset: -40%; z-index: -3; filter: blur(38px); animation: spin-b-mx3jvhj7n3 26s linear infinite }
    .aurora i[b-mx3jvhj7n3] { position: absolute; border-radius: 50%; mix-blend-mode: screen }
    .aurora i:nth-child(1)[b-mx3jvhj7n3] { width: 45%; height: 45%; left: 8%; top: 12%; background: linear-gradient(160deg, var(--forest-800), var(--ink-950)); animation: drift1-b-mx3jvhj7n3 9s ease-in-out infinite }
    .aurora i:nth-child(2)[b-mx3jvhj7n3] { width: 40%; height: 40%; right: 8%; top: 30%; background: linear-gradient(160deg, var(--forest-800), var(--ink-950)); animation: drift2-b-mx3jvhj7n3 11s ease-in-out infinite }
    .aurora i:nth-child(3)[b-mx3jvhj7n3] { width: 35%; height: 35%; left: 35%; bottom: 6%; background: linear-gradient(160deg, var(--forest-800), var(--ink-950)); animation: drift3-b-mx3jvhj7n3 13s ease-in-out infinite }

    /* لایه ۲: شبکه‌ی متحرک که از پایین به بالا می‌لغزد */
    .grid[b-mx3jvhj7n3] { position: absolute; inset: 0; z-index: -2; opacity: .35; background: repeating-linear-gradient(90deg, rgba(140,255,190,.12) 0 1px, transparent 1px 40px), repeating-linear-gradient(0deg, rgba(140,255,190,.12) 0 1px, transparent 1px 40px); animation: slide-b-mx3jvhj7n3 4s linear infinite; }

    /* لایه ۳: نوار نور که هر چند ثانیه از روی باکس رد می‌شود */
    .sheen[b-mx3jvhj7n3] { position: absolute; top: -50%; bottom: -50%; width: 18%; z-index: -1; background: linear-gradient(90deg,transparent,rgba(170,255,210,.22),transparent); transform: skewX(-20deg) translateX(-400%); animation: sheen-b-mx3jvhj7n3 6s ease-in-out infinite; }

    /* ====== عددها ====== */
    .stat[b-mx3jvhj7n3] { display: flex; flex-direction: column; align-items: center; gap: 10px; line-height: 1 }
    .value[b-mx3jvhj7n3] { display: flex; align-items: baseline; gap: 6px;width:140px;justify-content:center;height:60px }
    .label[b-mx3jvhj7n3] { font-size: clamp(13px, 2vw, 20px); font-weight: 300; opacity: .85; white-space: nowrap }
    .num[b-mx3jvhj7n3] { font-size: clamp(30px,6vw,60px); font-weight: 800; letter-spacing: -2px; font-variant-numeric: tabular-nums; text-shadow: 0 0 30px rgba(90,240,150,.4); animation: glow-b-mx3jvhj7n3 3.2s ease-in-out infinite; }
    .unit[b-mx3jvhj7n3] { font-size: clamp(22px,5vw,48px); font-weight: 300; opacity: .85 }
    .divider[b-mx3jvhj7n3] { width: 2px; height: 90px; border-radius: 2px; background: linear-gradient(transparent,rgba(150,255,195,.7),transparent); animation: pulse-b-mx3jvhj7n3 3.2s ease-in-out infinite; }

    /* ====== انیمیشن‌ها ====== */
    @keyframes spin-b-mx3jvhj7n3 {
        to { transform: rotate(360deg) }
    }

    @keyframes drift1-b-mx3jvhj7n3 {
        50% { transform: translate(60%,30%) scale(1.25) }
    }

    @keyframes drift2-b-mx3jvhj7n3 {
        50% { transform: translate(-70%,-25%) scale(.8) }
    }

    @keyframes drift3-b-mx3jvhj7n3 {
        50% { transform: translate(40%,-50%) scale(1.3) }
    }

    @keyframes slide-b-mx3jvhj7n3 {
        to { background-position: 0 40px,40px 0 }
    }

    @keyframes sheen-b-mx3jvhj7n3 {
        0%,55% { transform: skewX(-20deg) translateX(-400%) }
        100% { transform: skewX(-20deg) translateX(900%) }
    }

    @keyframes glow-b-mx3jvhj7n3 {
        50% { text-shadow: 0 0 50px rgba(120,255,175,.8) }
    }

    @keyframes pulse-b-mx3jvhj7n3 {
        50% { opacity: .35 }
    }

    @media (prefers-reduced-motion:reduce) {
        .aurora[b-mx3jvhj7n3], .aurora i[b-mx3jvhj7n3], .grid[b-mx3jvhj7n3], .sheen[b-mx3jvhj7n3], .num[b-mx3jvhj7n3], .divider[b-mx3jvhj7n3] { animation: none }
    }

    @media(max-width:750px) {
        .value[b-mx3jvhj7n3] { height: 45px }
    }
    @media(max-width:600px) {
        .value[b-mx3jvhj7n3] { height: 34px }
        :scope[b-mx3jvhj7n3] { gap: 10px }
    }
    @media(max-width:500px) {
        :scope[b-mx3jvhj7n3] { flex-direction: column; height: 450px; gap:40px }
        .divider[b-mx3jvhj7n3] { width: 90px; height: 2px;  background: linear-gradient(90deg,transparent,rgba(150,255,195,.7),transparent); }
        .label[b-mx3jvhj7n3] { font-size: 16px;}
        .num[b-mx3jvhj7n3] { font-size: 40px; }
        .unit[b-mx3jvhj7n3] { font-size: 28px; }
        .value[b-mx3jvhj7n3] { height: 40px }
    }
}
/* /Views/Profile/Signup.cshtml.rz.scp.css */

main[b-7j2u0jiltc] { z-index:3;display: flex; justify-content: center; align-items: center; max-height: 100%; max-width: 100%; width: 100vw; height: 100vh; width: 100vw; height: 100vh; max-width: 100%; max-height: 100%; position: fixed; background: #eee; background-image: url("../images/footer-bg.webp"); background-position: center; animation: footer-b-7j2u0jiltc 189.4s linear infinite; background-color: var(--ink-950); }
#singup[b-7j2u0jiltc] { box-shadow: rgb(0 0 0 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px; overflow: hidden; border-radius: 24px; width: 90%; max-width: 1024px; height: 90%; max-height: 540px; display: block; position: relative; display: grid; grid-template-columns: 3fr 4fr }


#signupForm[b-7j2u0jiltc] { overflow: auto; background: rgba(243,236,216,.05); padding: 40px; color: #fff; display: grid; grid-template-rows: max-content max-content 1fr; backdrop-filter: blur(4px); }
#signupForm[b-7j2u0jiltc]  form { padding-top: 20px; display: flex; flex-direction: column; }
#signupForm form .items[b-7j2u0jiltc] { display: flex; flex-direction: column; justify-content: center; height: 100%; }
#wel img[b-7j2u0jiltc] { width: 100%; object-fit: cover; object-position: bottom; height: 100%; }
#wel[b-7j2u0jiltc] { overflow: hidden; position: relative; }
p[b-7j2u0jiltc] { font-size: 16px; text-align: justify; padding-top: 10px }
#name[b-7j2u0jiltc] { position: absolute; left: 0; right: 40px; top: 40px; font-family: var(--font-display); font-size: 44px; min-height: 62px; color: #fff; line-height: 1.4 }

@keyframes footer-b-7j2u0jiltc {
    0% { background-position-x: 0; background-size: 1894px 828px; }

    25% { background-size: 2272px 993px; }

    50% { background-size: 1894px 828px; }

    75% { background-size: 2272px 993px; }

    100% { background-position-x: 1894px; background-size: 1894px 828px; }
}

@media(max-width:768px) {
    #singup[b-7j2u0jiltc]{grid-template-columns:230px 1fr}
    p[b-7j2u0jiltc] { font-size: 14px }
    #name[b-7j2u0jiltc]{right:23px}
}

@media(max-width:630px) {
    #singup[b-7j2u0jiltc] { grid-template-columns: 100px 1fr }
    p[b-7j2u0jiltc] { font-size: 14px }
    #name[b-7j2u0jiltc] { transform: rotate(90deg); right: -48px; top: 100px; width: 190px }
    #wel img[b-7j2u0jiltc] { object-position: 80% 0; }
}
@media(max-width:500px) {
    #singup[b-7j2u0jiltc] { grid-template-columns: 1fr; grid-template-rows: max-content 1fr;max-height:unset; }
    #wel[b-7j2u0jiltc] { height:140px; }
    #name[b-7j2u0jiltc] { transform: rotate(0deg); right: 23px; top: 20px; width: 190px }
    #wel img[b-7j2u0jiltc] { object-position: 0 78%; }
}
@media(max-width:360px) {
    p[b-7j2u0jiltc] { display:none; }
    #wel[b-7j2u0jiltc] { height: 140px; }
    #singup[b-7j2u0jiltc] { height:max-content}
}
/* /Views/Profile/Submit.cshtml.rz.scp.css */
.prompt[b-uxwbauikmh] { position: fixed; inset: 0; background: rgba(255,255,255,1);opacity:0;pointer-events:none; z-index: 100; display: flex; justify-content: center; align-items: center; }
.prompt.show[b-uxwbauikmh] { animation: fadeprompt-b-uxwbauikmh 0.2s ease-in-out forwards;pointer-events:unset }
.prompt.show > div[b-uxwbauikmh] { animation: fadepromptin-b-uxwbauikmh 0.2s ease-in-out forwards; transform: translateY(24px); }
.prompt > div[b-uxwbauikmh] { padding: 30px;text-align:center; }
.prompt span[b-uxwbauikmh] { font-size: clamp(16px, 3vw, 24px); font-weight: bold; }
.prompt .buttons[b-uxwbauikmh] { display: flex; gap: 10px; flex-direction: row-reverse; justify-content: center; align-items: center; padding-top: 40px }
.prompt .buttons > *[b-uxwbauikmh] { width: 145px; }
.prompt .buttons .reset-link[b-uxwbauikmh] { display: block; width: max-content; border-radius: 6px; padding: 12px 22px 8px 22px; border: none; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@keyframes fadeprompt-b-uxwbauikmh {
    0% { opacity: 0; }
    100% { opacity: 1;  }
}

@keyframes fadepromptin-b-uxwbauikmh {
    0% { transform: translateY(24px); }
    100% {  transform: translateY(0); }
}
/* /Views/Shared/Progress.cshtml.rz.scp.css */
.progress[b-n9bxlqjg5w] { padding: 20px; z-index: 2; background: var(--forest-900); border-bottom: 3px solid var(--forest-800) }
/* ---- progress track ---- */
@scope(.track-outer) {
    :scope[b-n9bxlqjg5w] { position: relative; padding: 0 4px; margin: 0 auto; max-width: 640px; --stepsize: 44px; --bg: #101418; --panel: #171c22; --line: #191919; --line-soft: #1e242b; --ink: #eef1f4; --ink-dim: #8992a0; --ink-faint: #fff; --teal: #2ee6b8; --teal-deep: #0e5c4a; --teal-glow: rgba(46, 230, 184, .18); }
    :scope .rail[b-n9bxlqjg5w] { position: absolute; top: 21px; right: 4%; left: 4%; height: 2px; background: var(--forest-800); border-radius: 2px; }
    :scope .rail-fill[b-n9bxlqjg5w] { position: absolute; top: 0; right: 0; height: 2px; width: 0%; max-width: 100%; background: linear-gradient(90deg, var(--teal-deep), var(--teal)); border-radius: 2px; transition: width .6s cubic-bezier(.65,0,.35,1); }
    :scope .steps[b-n9bxlqjg5w] { position: relative; display: flex; justify-content: space-between; }
    :scope .step[b-n9bxlqjg5w] { display: flex; flex-direction: column; align-items: center; }
    :scope .node[b-n9bxlqjg5w] { width: 44px; height: 44px; border-radius: 50%; background: var(--panel); border: 2px solid var(--forest-800); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: var(--ink-faint); position: relative; z-index: 2; transition: border-color .35s ease, background .35s ease, transform .5s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease; }
    :scope .node.current[b-n9bxlqjg5w] { border-color: var(--teal); color: var(--teal); box-shadow: 0 0 0 5px var(--teal-glow); }
    :scope .node.done[b-n9bxlqjg5w] { background: var(--teal); border-color: var(--teal); color: #06231b; transform: scale(1); }
    :scope .node.pop[b-n9bxlqjg5w] { transform: scale(1.28); }
    :scope .node svg[b-n9bxlqjg5w] { width: 18px; height: 18px; opacity: 0; transform: scale(.4); transition: opacity .25s ease .12s, transform .3s cubic-bezier(.34,1.56,.64,1) .12s; position: absolute; }
    :scope .node.done svg[b-n9bxlqjg5w] { opacity: 1; transform: scale(1); }
    :scope .node .num[b-n9bxlqjg5w] { transition: opacity .2s ease; }
    :scope .node.done .num[b-n9bxlqjg5w] { opacity: 0; position: absolute; }
    :scope .label[b-n9bxlqjg5w] { margin-top: 12px; font-size: 13px; color: var(--ink-faint); transition: color .3s ease, font-weight .3s ease; }
    :scope .label.current[b-n9bxlqjg5w] { color: var(--ink); font-weight: 600; }
    :scope .label.done[b-n9bxlqjg5w] { color: var(--teal); font-weight: 500; }
}