/* assets/css/style.css */
/* -- (پیشفرض‌ها و dark overrides همان قبلی) -- */
:root{ --bg:#f3f6fb; --panel-bg:rgba(255,255,255,0.92); --card-bg:rgba(255,255,255,0.78); --text:#0f172a; --muted:#6b7280; --primary:#165fb8; --accent:#d9a400; --input-bg:#fff; --input-border:rgba(15,23,42,0.06); --glass-border:rgba(15,23,42,0.04);--success: #4CAF50;--error: #F44336;--warning: #FFEB3B;--chart-bg: #ffffff }
html[data-theme="dark"]{ --bg:#071022; --panel-bg:rgba(6,10,14,0.36); --card-bg:rgba(6,10,14,0.48); --text:#e6eef6; --muted:#94a3b8; --primary:#2ea0ff; --accent:#ffbf4d; --input-bg:rgba(255,255,255,0.03); --input-border:rgba(255,255,255,0.06); --glass-border:rgba(255,255,255,0.04);--success: #66BB6A;--error: #EF5350;--warning: #FFF176;--chart-bg: #1e1e1e; }
html,body{ background:var(--bg); color:var(--text); font-family: Vazir, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.muted{ color:var(--muted); }
#page-loader{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background: rgba(2,6,23,0.18); backdrop-filter: blur(6px) saturate(1.05); transition: opacity .45s ease, transform .45s ease, visibility .45s; pointer-events: all; }
#page-loader.hidden{ opacity:0; transform:scale(.995); visibility:hidden; pointer-events:none; }
#loader-card{padding:14px 18px;border-radius:12px;/* background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); *//* border:1px solid var(--glass-border); *//* box-shadow: 0 10px 40px rgba(2,6,23,0.25); */transform-origin:center;animation: loaderFloat 1.6s ease-in-out infinite alternate;display:flex;gap: 15px;align-items:center;}
@keyframes loaderFloat { from{ transform:translateY(0);} to{ transform:translateY(-6px);} }
#loader-logo img{width: 400px;display:block;}
.hlogo{width: 100px;}
header{backdrop-filter: blur(10px);}
body.no-scroll{ overflow:hidden; height:100vh; }
.glass-card{ background:var(--card-bg); border-radius:12px; border:1px solid var(--glass-border); padding:14px; box-shadow: 0 10px 30px rgba(2,6,23,0.06); color:var(--text); }
.btn-accent{ display:inline-block; background: linear-gradient(90deg,var(--accent), color-mix(in srgb, var(--accent) 70%, white 30%)); color:#071022; font-weight:700; padding:8px 14px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.08); }
.btn-primary{ background:var(--primary); color:#fff; padding:8px 12px; border-radius:10px; }
.slide-up{ transform: translateY(18px); opacity:0; transition: transform .7s cubic-bezier(.2,.9,.3,1), opacity .6s ease; will-change: transform, opacity; }
.slide-up.show{ transform: translateY(0); opacity:1; }
.course-img{ transition: transform .6s cubic-bezier(.2,.9,.3,1); }
.course-card:hover .course-img{ transform: scale(1.06) translateY(-6px); }
section { padding-block: 30px; }
/*@media(min-width:1024px){ section { padding-block: 80px; } }*/
@media(max-width:640px){ #loader-card{ padding:12px 14px; } section{ padding-block: 40px; } }
input[type="search"], select{ background:var(--input-bg); color:var(--text); border:1px solid var(--input-border); padding:10px 12px; border-radius:10px; outline:none; transition: box-shadow .18s ease, border-color .18s; }
input[type="search"]::placeholder{ color:var(--muted); opacity:.9; }
.container-max{ max-width:1100px; margin-inline:auto; padding-inline:20px; }
.report-card {
    border: 2px solid var(--glass-border);
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    background-color: var(--card-bg);
}
.ht1 {
    color: #ffc600;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0 0 black;
}
.ht2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}
.report-header {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.chart-container {
    width: 300px;
    margin: 20px auto;
}

.video-container {
    margin: 20px auto;
    max-width: 560px;
}
.buycard{
    display: flex;
    justify-content: center;
}
.buycard div{
    width: 400px;
}
input{
    background:var(--input-bg);
}
textarea{
    background:var(--input-bg)
}
.flw{
    display: flex;
    flex-direction: row-reverse;
}