:root{
  --bg:#fbfaf7;
  --surface:#ffffff;
  --surface-soft:#f7f5ef;
  --text:#171717;
  --muted:#5d5d5d;
  --line:#ebe4d2;
  --gold:#c89a1c;
  --gold-strong:#b68200;
  --gold-soft:#f2e2a8;
  --shadow:0 14px 35px rgba(20,20,20,.08);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at top right, rgba(200,154,28,.08), transparent 24%),
    linear-gradient(180deg,#fff 0%, #fcfbf8 100%);
  color:var(--text);
  direction:rtl;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:var(--container);margin-inline:auto}
.page-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(212,205,190,.7);
  box-shadow:0 6px 22px rgba(0,0,0,.04);
}
.site-header .inner{
  width:var(--container);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:92px;
}
.brand{
  display:flex;align-items:center;gap:14px;
}
.brand img{
  width:74px;height:74px;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(200,154,28,.16));
}
.brand-title{font-size:1.95rem;font-weight:900;letter-spacing:-.03em}
.brand-sub{font-size:1rem;color:#444;font-weight:700;margin-top:2px}
.nav{
  display:flex;align-items:center;gap:38px;
}
.nav a{
  color:#4b4b4b;font-weight:800;position:relative;padding:8px 0;
}
.nav a.active,.nav a:hover{color:var(--gold-strong)}
.nav a.active::after,.nav a:hover::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:-10px;width:16px;height:3px;border-radius:999px;background:var(--gold);
}
.header-actions{display:flex;align-items:center;gap:12px}
.btn{
  border:none;cursor:pointer;
  border-radius:14px;padding:16px 28px;
  font-size:1rem;font-weight:900;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-gold{
  color:#fff;background:linear-gradient(180deg,#d2a117 0%, #be8d0b 100%);
  box-shadow:0 12px 24px rgba(200,154,28,.23);
}
.btn-gold:hover{box-shadow:0 16px 30px rgba(200,154,28,.28)}
.btn-outline{
  background:#fff;color:#141414;border:1px solid rgba(200,154,28,.32);
  box-shadow:0 10px 18px rgba(12,12,12,.04);
}
.hero{
  padding:62px 0 26px;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:46px;
  align-items:center;
}
.hero-copy h1{
  margin:0 0 8px;
  font-size:4rem;
  line-height:1.08;
  letter-spacing:-.045em;
}
.hero-copy h1 .gold{color:var(--gold)}
.divider{
  margin:26px 0 24px;
  display:flex;align-items:center;justify-content:center;gap:18px;
}
.divider::before,.divider::after{
  content:"";width:122px;max-width:30vw;height:2px;
  background:linear-gradient(90deg, transparent 0%, #d9b144 30%, #c89a1c 100%);
}
.divider::after{
  background:linear-gradient(90deg, #c89a1c 0%, #d9b144 70%, transparent 100%);
}
.divider span{
  color:var(--gold);font-size:1.6rem;line-height:1;
  filter:drop-shadow(0 2px 3px rgba(200,154,28,.2));
}
.divider img{
  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
  opacity:.88;
  flex:0 0 auto;
}
.hero-copy p{
  margin:0;
  font-size:1.45rem;
  line-height:1.7;
  color:#313131;
}
.hero-actions{
  display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;
}
.hero-note{
  margin-top:20px;
  font-size:1.28rem;
  color:#373737;
}
.hero-note strong{color:var(--gold-strong)}
.hero-media{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,241,.96));
  border:1px solid #efeadc;
  border-radius:28px;
  padding:16px;
  box-shadow:var(--shadow);
}
.hero-media img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  border-radius:22px;
}
.feature-board{
  margin-top:34px;
  background:rgba(255,255,255,.88);
  border:1px solid #efe9da;
  border-radius:28px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
}
.feature{
  padding:30px 22px;
  display:flex;align-items:center;gap:18px;
  min-height:132px;
  position:relative;
}
.feature:not(:last-child)::after{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:#ebe6d7;
}
.feature-icon{
  width:56px;
  height:56px;
  min-width:56px;
  min-height:56px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, #fff8e1, #fff);
  border:1px solid #eddca0;
  overflow:hidden;
  flex:0 0 auto;
}
.feature-icon img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}
.feature h3{margin:0 0 8px;font-size:1.65rem}
.feature p{margin:0;color:#565656;font-size:1.1rem;line-height:1.6}
.section{
  padding:70px 0;
}
.section-head{
  text-align:center;
  margin-bottom:26px;
}
.section-head h2{
  margin:0;font-size:3rem;letter-spacing:-.04em;
}
.soft-card{
  background:#fff;border:1px solid #eee7d8;border-radius:28px;box-shadow:var(--shadow);
}
.preview-card{
  overflow:hidden;
}
.preview-card img{width:100%;display:block}
.why-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,360px));
  justify-content:center;
  gap:22px;
  margin-top:20px;
}
.reason{
  padding:30px;
  border-radius:24px;
  background:#fff;
  border:1px solid #efe8d7;
  box-shadow:var(--shadow);
  text-align:center;
}
.reason .feature-icon{
  margin:0 auto 16px;
}
.reason h3{margin:18px 0 10px;font-size:1.6rem}
.reason p{margin:0;color:#555;line-height:1.7;font-size:1.06rem}
.panel-page{
  padding:48px 0 80px;
}
.panel-wrap{
  width:min(980px, calc(100% - 32px));
  margin:0 auto;
}
.glass-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,249,245,.98));
  border:1px solid #efe7d8;
  border-radius:28px;
  box-shadow:var(--shadow);
  padding:38px 32px;
}
.list-card{
  margin-top:20px;
  display:grid;gap:18px;
}
.rule{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:start;
  padding:18px 16px;
  border-radius:18px;
  background:#fffdfa;
  border:1px solid #f0e8d4;
}
.rule .icon{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ead596;
  background:linear-gradient(180deg,#fff9e7,#fff);
  overflow:hidden;
  flex:0 0 auto;
}
.rule .icon img{
  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
}
.rule h3{margin:0 0 6px;font-size:1.25rem}
.rule p{margin:0;color:#555;line-height:1.7}
.notice{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid #ede7d8;
  color:#5b5b5b;
  line-height:1.8;
}
.page-transition{
  animation:pageIn .45s ease both;
}
@keyframes pageIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.site-footer{
  margin-top:auto;
  border-top:1px solid rgba(230,223,207,.9);
  background:#fff;
}
.site-footer .inner{
  width:var(--container);
  margin-inline:auto;
  min-height:88px;
  display:flex;align-items:center;justify-content:center;
  color:#585858;font-size:1rem;
}
.site-footer strong{color:#222}
.site-footer a{color:var(--gold-strong);font-weight:900}
.forest-404{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#fff 0%, #fcfbf7 72%, #f5f0df 100%);
}
.forest-404::before{
  content:"";
  position:absolute;inset:auto 0 0 0;height:220px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 260'%3E%3Cpath fill='%23ece4cf' d='M0 220 70 204 140 217 210 187 280 214 350 199 420 178 490 196 560 153 630 185 700 150 770 189 840 162 910 185 980 152 1050 184 1120 171 1190 203 1260 169 1330 193 1400 180 1470 205 1540 188 1600 198V260H0Z'/%3E%3Cpath fill='%23e0d6bc' d='M0 228 78 226 156 205 234 222 312 188 390 212 468 190 546 208 624 180 702 205 780 172 858 199 936 180 1014 208 1092 184 1170 214 1248 195 1326 225 1404 205 1482 232 1600 214V260H0Z'/%3E%3Cpath fill='%23d7c8a0' d='M0 245 90 228 180 236 270 214 360 236 450 206 540 232 630 205 720 232 810 212 900 237 990 218 1080 240 1170 224 1260 244 1350 226 1440 246 1530 234 1600 242V260H0Z'/%3E%3Cg fill='%23ddd3bc'%3E%3Cpath d='M161 222h10v26h-10z'/%3E%3Cpath d='M150 224 166 194 182 224z'/%3E%3Cpath d='M143 236 166 202 189 236z'/%3E%3Cpath d='M132 248 166 214 200 248z'/%3E%3Cpath d='M1310 214h10v34h-10z'/%3E%3Cpath d='M1298 218 1315 184 1332 218z'/%3E%3Cpath d='M1290 234 1315 198 1340 234z'/%3E%3Cpath d='M1278 248 1315 210 1352 248z'/%3E%3Cpath d='M1140 230h8v20h-8z'/%3E%3Cpath d='M1130 232 1144 206 1158 232z'/%3E%3Cpath d='M1124 244 1144 214 1164 244z'/%3E%3Cpath d='M420 228h8v22h-8z'/%3E%3Cpath d='M410 230 424 204 438 230z'/%3E%3Cpath d='M404 244 424 214 444 244z'/%3E%3C/g%3E%3Cg fill='%23d2c7b0'%3E%3Ccircle cx='240' cy='170' r='4'/%3E%3Ccircle cx='274' cy='154' r='3'/%3E%3Ccircle cx='305' cy='173' r='4'/%3E%3Ccircle cx='1220' cy='167' r='4'/%3E%3Ccircle cx='1260' cy='149' r='3'/%3E%3Ccircle cx='1302' cy='174' r='4'/%3E%3C/g%3E%3C/svg%3E")
    bottom center/cover no-repeat;
  opacity:.88;
}
.error-wrap{
  width:min(950px, calc(100% - 32px));
  margin:0 auto;
  min-height:calc(100vh - 180px);
  display:grid;
  place-items:center;
  text-align:center;
  padding:44px 0 240px;
  position:relative;
}
.error-wrap .code{
  font-size:10rem;font-weight:1000;line-height:1;
  color:var(--gold);letter-spacing:-.08em;
}
.error-wrap h1{
  margin:14px 0 12px;font-size:3.1rem;letter-spacing:-.04em
}
.error-wrap p{
  margin:0 0 26px;color:#3c3c3c;font-size:1.4rem
}
.preview-frame{
  margin-top:34px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid #ebe2cf;
  box-shadow:var(--shadow);
}
.preview-frame img{display:block;width:100%}
.link-hint{
  position:relative;
}
.link-hint .hint{
  position:absolute;inset:auto 50% calc(100% + 10px) auto;
  transform:translateX(50%);
  white-space:nowrap;
  background:#151515;color:#fff;
  font-size:.9rem;padding:10px 12px;border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transition:.2s ease;
}
.link-hint:hover .hint{opacity:1;visibility:visible}
.btn img{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}
@media (max-width: 980px){
  .site-header .inner{flex-wrap:wrap;justify-content:center;padding:16px 0}
  .nav{order:3;width:100%;justify-content:center;gap:24px}
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-copy h1{font-size:3.2rem}
  .feature-board{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
  .error-wrap .code{font-size:7rem}
  .error-wrap h1{font-size:2.3rem}
}
@media (max-width: 640px){
  .brand-title{font-size:1.55rem}
  .brand-sub{font-size:.92rem}
  .hero-copy h1{font-size:2.5rem}
  .hero-copy p,.hero-note{font-size:1.08rem}
  .btn{width:100%}
  .hero-actions{flex-direction:column}
  .feature-board{grid-template-columns:1fr}
  .feature:not(:last-child)::after{display:none}
  .section-head h2{font-size:2.2rem}
  .glass-card{padding:28px 18px}
  .rule{grid-template-columns:1fr}
}
.nav a {
  font-family: 'Rubik', sans-serif;
}
.nav a {
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
}