@import url('font-auto.css');

:root{
    --paper:#f5f5f2;
    --paper-2:#fbfbf9;
    --white:#fff;
    --ink:#111113;
    --ink-2:#2c2c30;
    --muted:#74747b;
    --muted-2:#a2a2a8;
    --line:rgba(17,17,19,.11);
    --line-strong:rgba(17,17,19,.18);
    --red:#d71920;
    --red-dark:#a90f15;
    --red-soft:rgba(215,25,32,.08);
    --red-faint:rgba(215,25,32,.045);
    --glass:rgba(255,255,255,.78);
    --shadow:0 30px 80px rgba(20,20,24,.08),0 8px 24px rgba(20,20,24,.04);
    --shadow-hover:0 28px 65px rgba(20,20,24,.13),0 12px 26px rgba(215,25,32,.07);
    --radius-xl:34px;
    --radius-lg:24px;
    --radius-md:18px;
    --ease:cubic-bezier(.22,1,.36,1);
}

html{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box;min-width:0}

body{
    width:100%;
    max-width:100%;
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    background:var(--paper);
    color:var(--ink);
    font-family:'EMAD-IranSans',IRANSansX,IRANSans,Tahoma,sans-serif;
    line-height:1.7;
}

button,input,textarea,select{font-family:inherit}
a{color:inherit;text-decoration:none}

/* ---------- loader ---------- */
.page-loader{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    background:#fff;
    transition:opacity .55s var(--ease),visibility .55s var(--ease);
}
.page-loader::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(17,17,19,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,19,.035) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(circle at center,#000 0,transparent 70%);
}
body.loaded .page-loader{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{position:relative;width:min(78vw,340px);text-align:center}
.loader-brand{display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:clamp(34px,8vw,54px);font-weight:900;letter-spacing:-2px;line-height:1}
.loader-brand span{color:var(--red);font-size:.62em;letter-spacing:-1px}
.loader-meta{margin-top:12px;font:700 10px/1.2 Arial,sans-serif;letter-spacing:3px;color:#6e6e74}
.loader-track{height:2px;background:#ececee;margin:26px 0 14px;overflow:hidden}
.loader-track i{display:block;height:100%;width:35%;background:var(--red);animation:loaderRun .85s var(--ease) infinite}
.loader-code{font:600 8px/1.3 Arial,sans-serif;letter-spacing:2.1px;color:#aaaab0}
@keyframes loaderRun{0%{transform:translateX(120%)}100%{transform:translateX(-330%)}}

/* ---------- ambient background ---------- */
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambient-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(17,17,19,.13) .7px,transparent .7px);background-size:26px 26px;opacity:.23;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}
.ambient-orbit{position:absolute;border:1px solid rgba(17,17,19,.07);border-radius:50%}
.orbit-a{width:min(52vw,760px);aspect-ratio:1;left:-18vw;top:14vh;animation:orbitFloat 14s ease-in-out infinite alternate}
.orbit-b{width:min(40vw,560px);aspect-ratio:1;right:-14vw;bottom:-12vw;border-color:rgba(215,25,32,.11);animation:orbitFloat 18s ease-in-out infinite alternate-reverse}
.ambient-glow{position:absolute;border-radius:50%;filter:blur(1px)}
.glow-a{width:300px;height:300px;right:12%;top:10%;background:radial-gradient(circle,rgba(215,25,32,.10),transparent 68%);animation:glowMove 12s ease-in-out infinite alternate}
.glow-b{width:220px;height:220px;left:20%;bottom:5%;background:radial-gradient(circle,rgba(17,17,19,.055),transparent 70%);animation:glowMove 16s ease-in-out infinite alternate-reverse}
.data-stream{position:absolute;direction:ltr;white-space:nowrap;font:700 10px/1 Arial,sans-serif;letter-spacing:4px;color:rgba(17,17,19,.055);transform:rotate(-90deg);transform-origin:left top}
.stream-a{left:28px;top:70%;animation:dataMove 18s linear infinite}
.stream-b{right:-170px;top:20%;color:rgba(215,25,32,.065);animation:dataMove 22s linear infinite reverse}
@keyframes orbitFloat{to{transform:translate3d(18px,-15px,0) scale(1.025)}}
@keyframes glowMove{to{transform:translate3d(-30px,20px,0)}}
@keyframes dataMove{to{translate:0 -90px}}

.site-head,.layout,.site-foot{position:relative;z-index:2}

/* ---------- header ---------- */
.site-head{
    width:min(calc(100% - 56px),1240px);
    margin-inline:auto;
    min-height:104px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid var(--line);
}
.brand-lockup{display:flex;align-items:center;gap:16px}
.brand-fa{font-size:27px;font-weight:900;letter-spacing:-1.2px;line-height:1;white-space:nowrap}
.brand-fa span{color:var(--red);font-size:.68em;margin-right:3px}
.brand-en{padding-right:16px;border-right:1px solid var(--line);font:700 9px/1.4 Arial,sans-serif;letter-spacing:2px;color:#8a8a90;white-space:nowrap}
.head-progress{display:flex;align-items:center;gap:14px}
.head-progress-label{font:700 9px/1 Arial,sans-serif;letter-spacing:1.8px;color:#aaaab0}
.head-progress strong{font-size:12px;font-weight:700;white-space:nowrap}

/* ---------- main layout ---------- */
.layout{
    width:min(calc(100% - 56px),1240px);
    margin-inline:auto;
    padding:64px 0 90px;
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:clamp(38px,6vw,88px);
    align-items:start;
}

.intro{position:sticky;top:30px;padding:24px 0 20px}
.intro-index{direction:ltr;display:flex;align-items:center;gap:12px;width:150px;margin-bottom:42px;font:700 10px/1 Arial,sans-serif;letter-spacing:1.5px;color:#96969b}
.intro-index i{height:1px;flex:1;background:linear-gradient(90deg,var(--red),rgba(17,17,19,.14))}
.kicker{margin:0 0 15px;color:var(--red);font-size:12px;font-weight:750}
.intro h1{margin:0;font-size:clamp(44px,4.8vw,72px);line-height:1.18;letter-spacing:-3px;font-weight:900}
.intro h1 em{font-style:normal;color:var(--red);position:relative}
.intro h1 em::after{content:"";position:absolute;right:0;bottom:3px;width:42%;height:4px;background:var(--red);opacity:.13;border-radius:99px}
.lead{max-width:520px;margin:24px 0 0;color:#5f5f66;font-size:15px;line-height:2.05}
.intro-points{margin-top:34px;border-top:1px solid var(--line)}
.intro-points div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.intro-points span{font:700 9px/1 Arial,sans-serif;color:var(--red);letter-spacing:1px}
.intro-points b{font-size:12px;font-weight:650;color:#3f3f45}
.signal-row{display:flex;align-items:center;gap:9px;margin-top:28px;font:700 8px/1 Arial,sans-serif;letter-spacing:2px;color:#96969c}
.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(215,25,32,.08);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(215,25,32,0)}}

/* ---------- form panel ---------- */
.form-panel{
    width:100%;
    background:var(--glass);
    backdrop-filter:blur(22px) saturate(130%);
    -webkit-backdrop-filter:blur(22px) saturate(130%);
    border:1px solid rgba(255,255,255,.92);
    outline:1px solid rgba(17,17,19,.06);
    border-radius:var(--radius-xl);
    padding:clamp(22px,3vw,36px);
    box-shadow:var(--shadow);
    overflow:hidden;
}
.form-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red) 0 16%,rgba(215,25,32,.12) 16% 100%);pointer-events:none}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.panel-head>div:first-child{display:flex;flex-direction:column;gap:7px}
.panel-head strong{font-size:14px;font-weight:800}
.panel-eyebrow{font:700 9px/1 Arial,sans-serif;letter-spacing:1.6px;color:var(--red)}
.progress-ring{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) 0 20%,#ececef 20%);position:relative;transition:background .4s var(--ease)}
.progress-ring::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.progress-ring span{position:relative;z-index:1;font:800 10px/1 Arial,sans-serif;color:#44444a}
.progress-line{height:2px;width:100%;background:#e9e9eb;overflow:hidden;margin-bottom:30px}
.progress-line i{display:block;width:20%;height:100%;background:var(--red);transition:width .55s var(--ease)}

.step{display:none;opacity:0;transform:translateY(14px)}
.step.active{display:block;animation:stepIn .55s var(--ease) forwards}
@keyframes stepIn{to{opacity:1;transform:none}}
.step-title{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}
.step-title>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(215,25,32,.20);background:var(--red-soft);border-radius:12px;font:800 10px/1 Arial,sans-serif;color:var(--red)}
.step-title h2{margin:-3px 0 3px;font-size:clamp(23px,2.2vw,30px);line-height:1.4;letter-spacing:-1px}
.step-title p{margin:0;color:var(--muted);font-size:12px}

.grid{display:grid;gap:14px;width:100%}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:flex;flex-direction:column;gap:8px;min-width:0;color:#4b4b51;font-size:11px;font-weight:650}
.field>span{padding:0 3px}
input,textarea,select{
    width:100%;max-width:100%;min-width:0;
    border:1px solid var(--line);
    background:rgba(255,255,255,.82);
    color:var(--ink);
    border-radius:14px;
    padding:13px 14px;
    outline:0;
    font-size:14px;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}
input::placeholder,textarea::placeholder{color:#aaaab0}
input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}
input:focus,textarea:focus,select:focus{background:#fff;border-color:rgba(215,25,32,.48);box-shadow:0 0 0 4px rgba(215,25,32,.07)}
textarea{resize:vertical;min-height:108px;line-height:1.9}
select{appearance:auto}
.full{margin-top:18px}

.birth-fieldset{margin:20px 0 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.40)}
.birth-fieldset legend{padding:0 8px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#45454b}
.birth-fieldset legend small{font:700 8px/1 Arial,sans-serif;letter-spacing:1px;color:var(--red)}
.jalali-date{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.3fr) minmax(0,1fr);gap:10px}
.age-preview{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#f6f6f4;border-radius:12px;color:#88888e;font-size:10px}
.age-preview strong{font-size:12px;color:var(--ink)}

/* ---------- selectable cards ---------- */
.cards{display:grid;gap:10px;width:100%}
.radio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards label{
    position:relative;
    min-height:92px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.62);
    cursor:pointer;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transition:transform .28s var(--ease),border-color .25s ease,box-shadow .28s ease,background .25s ease;
}
.cards label::after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(17,17,19,.035);border-radius:50%;left:-45px;bottom:-55px;transition:.4s var(--ease)}
.cards label:hover{transform:translateY(-2px);border-color:rgba(17,17,19,.20);box-shadow:0 12px 28px rgba(20,20,24,.06)}
.cards label:hover::after{transform:scale(1.3)}
.cards input{position:absolute;opacity:0;pointer-events:none}
.cards b{font-size:12px;line-height:1.8;font-weight:750;color:#29292e}
.cards small{margin-top:4px;color:#8a8a90;font-size:10px;line-height:1.7}
.card-no{position:absolute;top:10px;left:11px;font:800 8px/1 Arial,sans-serif;color:#b2b2b7;letter-spacing:1px}
.cards label:has(input:checked){
    background:#fff;
    border-color:rgba(215,25,32,.55);
    box-shadow:0 14px 35px rgba(215,25,32,.08),inset 3px 0 0 var(--red);
    transform:translateY(-1px)
}
.cards label:has(input:checked) b{color:var(--red-dark)}
.cards label:has(input:checked) .card-no{color:var(--red)}
.cards label:has(input:checked)::before{content:"✓";position:absolute;left:12px;bottom:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font:800 10px/1 Arial,sans-serif;animation:checkIn .28s var(--ease)}
@keyframes checkIn{from{transform:scale(.6);opacity:0}}

.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 13px}
.section-label span{font:700 8px/1 Arial,sans-serif;letter-spacing:1.5px;color:#a0a0a6}
.section-label b{font-size:12px;color:#3c3c42}
.section-label.separated{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.skill-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.skill-cards label{min-height:76px;align-items:flex-start;padding:13px 14px 13px 35px}
.skill-cards label b{font-size:10.5px}
.skill-cards label::before{content:attr(data-index);position:absolute;left:11px;top:12px;font:800 8px/1 Arial,sans-serif;color:#b5b5ba}
.skill-cards label:has(input:checked)::before{content:"✓";top:auto;bottom:11px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px}

/* ---------- basij / consent ---------- */
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.58);margin-bottom:14px}
.toggle-row>div{display:flex;flex-direction:column;gap:4px}
.toggle-row b{font-size:13px}
.toggle-row small{font-size:10px;color:#8b8b91;line-height:1.7}
.toggle-kicker{font:700 8px/1 Arial,sans-serif;letter-spacing:1.4px;color:var(--red);margin-bottom:4px}
.switch{display:block;flex:0 0 54px;width:54px;cursor:pointer}
.switch input{display:none}
.switch span{display:block;position:relative;width:54px;height:30px;border-radius:99px;background:#d9d9dc;transition:.28s ease}
.switch span::after{content:"";position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:.28s var(--ease)}
.switch input:checked+span{background:var(--red)}
.switch input:checked+span::after{transform:translateX(-24px)}
.conditional{max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .55s var(--ease),opacity .3s ease,transform .35s ease}
.conditional.open{max-height:540px;opacity:1;transform:none;margin-bottom:14px}
.consent{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.52);cursor:pointer}
.consent input{flex:0 0 18px;width:18px;height:18px;margin-top:3px;accent-color:var(--red)}
.consent span{display:flex;flex-direction:column;gap:2px}
.consent b{font-size:11px}
.consent small{font-size:10px;color:#88888f}

/* ---------- actions ---------- */
.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.btn{border:0;border-radius:14px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s ease,background .25s ease}
.btn i{font-style:normal;font-size:16px;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 25px rgba(17,17,19,.12)}
.btn-primary:hover{background:var(--red);box-shadow:0 14px 30px rgba(215,25,32,.18)}
.btn-ghost{background:transparent;color:#55555b;border:1px solid var(--line)}
.btn-ghost:hover{background:#fff}
.hidden{display:none!important}
.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}

/* ---------- footer ---------- */
.site-foot{width:min(calc(100% - 56px),1240px);margin-inline:auto;padding:22px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c8c92}
.site-foot span:first-child{direction:ltr;font:700 9px/1 Arial,sans-serif;letter-spacing:1.6px}

/* ---------- success ---------- */
.success-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:var(--paper)}
.success-card{position:relative;width:min(100%,680px);padding:clamp(28px,5vw,54px);background:rgba(255,255,255,.82);border:1px solid #fff;outline:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);text-align:center;overflow:hidden}
.success-card::before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:var(--red)}
.success-check{width:72px;height:72px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font:900 28px/1 Arial,sans-serif;box-shadow:0 0 0 10px rgba(215,25,32,.025)}
.success-card .panel-eyebrow{display:block;margin-bottom:9px}.success-card h1{margin:0 0 10px;font-size:clamp(26px,5vw,42px);letter-spacing:-1.8px}.success-card p{color:var(--muted);font-size:13px;margin:0 auto 26px;max-width:470px}.success-card .btn{min-width:190px}

/* ---------- admin ---------- */
.admin-wrap{width:min(calc(100% - 36px),1200px);margin:auto;padding:34px 0 56px;position:relative;z-index:2}
.admin-wrap .form-card,.admin-card{background:rgba(255,255,255,.82);border:1px solid #fff;outline:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:22px}
.table-scroll table{width:100%;border-collapse:collapse;min-width:780px;background:#fff}
.admin-wrap .primary,.admin-wrap .ghost,.form-card .primary,.form-card .ghost{border:0;border-radius:12px;padding:11px 16px;font-weight:750;cursor:pointer}
.admin-wrap .primary,.form-card .primary{background:var(--ink);color:#fff}.admin-wrap .ghost,.form-card .ghost{background:#ededee;color:#3f3f44}
.form-card{background:rgba(255,255,255,.84);border:1px solid #fff;outline:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.muted{color:var(--muted)}

/* ---------- reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
body.loaded [data-reveal].is-visible{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1040px){
    .layout{grid-template-columns:minmax(0,.70fr) minmax(0,1.30fr);gap:34px}
    .intro h1{font-size:clamp(40px,5vw,58px)}
    .skill-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
    .site-head{width:min(calc(100% - 34px),720px);min-height:82px}
    .layout{width:min(calc(100% - 34px),720px);padding:34px 0 60px;grid-template-columns:minmax(0,1fr);gap:24px}
    .intro{position:relative;top:auto;padding:6px 2px 8px}
    .intro-index{margin-bottom:24px}
    .intro h1{font-size:clamp(38px,9vw,56px);max-width:620px}
    .lead{margin-top:16px}
    .intro-points{display:none}
    .signal-row{margin-top:20px}
    .form-panel{border-radius:28px}
    .site-foot{width:min(calc(100% - 34px),720px)}
}

@media (max-width:620px){
    .site-head{width:calc(100% - 28px);min-height:72px}
    .brand-en,.head-progress-label{display:none}
    .brand-lockup{gap:0}.brand-fa{font-size:23px}
    .head-progress strong{font-size:10px}
    .layout{width:calc(100% - 20px);padding:22px 0 36px;gap:18px}
    .intro{padding-inline:5px}
    .intro-index{width:115px;margin-bottom:18px}
    .kicker{font-size:10px;margin-bottom:10px}
    .intro h1{font-size:clamp(34px,11vw,47px);letter-spacing:-2px;line-height:1.2}
    .intro h1 br:nth-of-type(2){display:none}
    .lead{font-size:12px;line-height:1.95;margin-top:12px}
    .signal-row{margin-top:14px}
    .form-panel{padding:18px 14px 16px;border-radius:22px}
    .panel-head{margin-bottom:16px}.panel-head strong{font-size:12px}.progress-ring{width:44px;height:44px;flex-basis:44px}
    .progress-line{margin-bottom:22px}
    .step-title{gap:11px;margin-bottom:20px}.step-title>span{width:34px;height:34px;flex-basis:34px}.step-title h2{font-size:22px}.step-title p{font-size:10px}
    .grid.two{grid-template-columns:minmax(0,1fr)}
    input,textarea,select{font-size:16px;padding:12px 12px}
    .field{font-size:10px}
    .birth-fieldset{padding:13px 10px}
    .jalali-date{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
    .jalali-date .field{gap:5px}.jalali-date select{font-size:13px;padding:11px 6px}
    .age-preview{font-size:9px;padding:9px 10px}
    .radio-cards{grid-template-columns:minmax(0,1fr)}
    .cards label{min-height:82px}
    .skill-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .skill-cards label{min-height:70px;padding:12px 12px 12px 31px}.skill-cards label b{font-size:9.5px}
    .section-label{align-items:flex-start;flex-direction:column-reverse;gap:4px}
    .toggle-row{padding:14px;gap:12px}.toggle-row small{font-size:9px}.switch{transform:scale(.9);transform-origin:left center}
    .actions{position:sticky;bottom:8px;z-index:15;margin-inline:-4px;padding:12px 4px 4px;background:linear-gradient(to top,rgba(255,255,255,.98) 60%,rgba(255,255,255,0));border-top:0}
    .btn{min-height:46px;padding:0 13px;font-size:10px;flex:1}.btn i{font-size:14px}
    .site-foot{width:calc(100% - 28px);padding:18px 0 28px;flex-direction:column;gap:8px;font-size:9px}
    .ambient-grid{background-size:22px 22px}.data-stream{display:none}.orbit-a{width:110vw;left:-62vw}.orbit-b{width:90vw;right:-50vw}
}

@media (max-width:380px){
    .layout{width:calc(100% - 14px)}
    .site-head{width:calc(100% - 22px)}
    .intro h1{font-size:32px;letter-spacing:-1.5px}
    .form-panel{padding:15px 10px;border-radius:19px}
    .panel-eyebrow{font-size:8px}.panel-head strong{font-size:11px}
    .jalali-date select{font-size:12px;padding-inline:4px}
    .skill-cards{grid-template-columns:minmax(0,1fr)}
    .skill-cards label{min-height:62px}
    .btn{padding-inline:9px;gap:7px}
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
    .page-loader{display:none!important}
    [data-reveal]{opacity:1!important;transform:none!important}
}

/* compatibility for existing admin/login markup */
.form-panel{position:relative}
.shell{width:min(calc(100% - 28px),1180px);margin-inline:auto;padding:28px 0 52px;position:relative;z-index:2}
.admin-wrap th,.admin-wrap td{border-color:rgba(17,17,19,.08)!important}
.admin-wrap th{color:#737379!important;background:#f7f7f6}
.admin-wrap td{color:#2f2f34}
@media(max-width:620px){.shell{width:calc(100% - 20px);padding:22px 0 34px}}