:root{
  --d413-bg:#050505;
  --d413-panel:#0d0b08;
  --d413-gold:#dca63a;
  --d413-gold2:#f1c961;
  --d413-text:#f5eddf;
  --d413-muted:#b3a387;
  --d413-line:rgba(220,166,58,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.demo-v413-page{
  margin:0;
  background:#050505;
  color:var(--d413-text);
  font-family:"Vazirmatn",Tahoma,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.demo-v413 a{text-decoration:none;color:inherit}
.demo-v413__shell{width:min(1180px,calc(100% - 36px));margin:auto}

.demo-v413__hero{
  position:relative;
  overflow:hidden;
  padding:54px 0 48px;
  background:
    radial-gradient(circle at 78% 14%,rgba(220,166,58,.12),transparent 28%),
    radial-gradient(circle at 15% 84%,rgba(93,67,22,.12),transparent 28%),
    linear-gradient(180deg,#050505,#080706 62%,#060606);
}
.demo-v413__hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 86%);
}
.demo-v413__hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:46px;
  align-items:center;
}
.demo-v413__eyebrow{
  display:block;
  color:var(--d413-gold2);
  font:700 8px Arial,sans-serif;
  letter-spacing:.22em;
  direction:ltr;
  margin-bottom:13px;
}
.demo-v413__intro h1{
  max-width:690px;
  margin:0;
  font-size:clamp(32px,4vw,48px);
  line-height:1.42;
  font-weight:900;
  letter-spacing:-.5px;
}
.demo-v413__intro h1 em{display:block;font-style:normal;color:var(--d413-gold2)}
.demo-v413__intro>p{
  max-width:700px;
  margin:16px 0 0;
  color:#c8b99c;
  font-size:10.5px;
  line-height:2.05;
}
.demo-v413__facts{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.demo-v413__facts>div{
  min-height:135px;
  padding:14px;
  border:1px solid #392d18;
  border-radius:16px;
  background:linear-gradient(150deg,#0f0d09,#090807);
}
.demo-v413__facts i{
  display:block;
  color:#826229;
  font:700 8px Arial,sans-serif;
  font-style:normal;
}
.demo-v413__facts b{
  display:block;
  margin:18px 0 6px;
  color:#e3b852;
  font-size:10px;
}
.demo-v413__facts span{
  display:block;
  color:#938269;
  font-size:8px;
  line-height:1.9;
}
.demo-v413__support{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
  color:#95846a;
  font-size:8.5px;
}
.demo-v413__support a{
  padding:6px 10px;
  border:1px solid #4b391a;
  border-radius:999px;
  color:#d9aa47;
  transition:.2s;
}
.demo-v413__support a:hover{border-color:#9a7227;color:#f0c963}

.demo-v413__access{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid #69501f;
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 0,rgba(241,201,97,.09),transparent 34%),
    linear-gradient(155deg,#100e0a,#080706);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.demo-v413__access:after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  left:-90px;
  bottom:-95px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(220,166,58,.11),transparent 70%);
  pointer-events:none;
}
.demo-v413__access-top{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:center;
  margin-bottom:22px;
}
.demo-v413__shield{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:1px solid rgba(220,166,58,.5);
  border-radius:19px;
  background:#090806;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.demo-v413__shield span{color:#efc65e;font:700 18px "Cinzel",serif}
.demo-v413__access-top>div:last-child>span{
  color:#d4a23b;
  font:700 7px Arial,sans-serif;
  letter-spacing:.19em;
}
.demo-v413__access-top h2{margin:5px 0 3px;font-size:19px;line-height:1.5}
.demo-v413__access-top p{margin:0;color:#8f7e64;font-size:8.5px}

.demo-v413__form label{
  display:block;
  margin-bottom:7px;
  color:#baa98b;
  font-size:8.5px;
}
.demo-v413__input-wrap{position:relative}
.demo-v413__input-wrap input{
  width:100%;
  height:50px;
  padding:0 15px 0 44px;
  border:1px solid #5c461e;
  border-radius:14px;
  outline:none;
  background:#050505;
  color:#fff;
  text-align:center;
  font:600 10px "Vazirmatn",Tahoma,sans-serif;
  direction:ltr;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.demo-v413__input-wrap input:focus{
  border-color:#d6a33b;
  box-shadow:0 0 0 3px rgba(214,163,59,.08);
}
.demo-v413__input-wrap>span{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#c99530;
  font-size:18px;
}
.demo-v413__form button{
  width:100%;
  height:48px;
  margin-top:11px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(180deg,#f1c75e,#d29a2b);
  color:#171006;
  font-family:inherit;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 15px 30px rgba(220,166,58,.14);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.demo-v413__form button:hover{
  transform:translateY(-2px);
  box-shadow:0 19px 36px rgba(220,166,58,.21);
  filter:saturate(1.06);
}
.demo-v413__form button:disabled{opacity:.7;cursor:wait;transform:none}
.demo-v413__form button i{font-style:normal;font-size:13px}
.demo-v413__message{
  min-height:34px;
  margin-top:10px;
  padding:0 6px;
  text-align:center;
  font-size:8.3px;
  line-height:1.8;
}
.demo-v413__message.error{color:#ff9c8e}
.demo-v413__message.warning{color:#ffdc92}
.demo-v413__message.success{color:#c6eeb8}
.demo-v413__security-note{
  position:relative;
  z-index:1;
  padding:12px 13px;
  border:1px solid #332817;
  border-radius:14px;
  background:#090806;
}
.demo-v413__security-note b{display:block;color:#d9ab47;font-size:8.5px}
.demo-v413__security-note span{display:block;margin-top:4px;color:#86765f;font-size:7.8px;line-height:1.8}

.demo-v413__how{padding:42px 0 52px;background:#070707;border-top:1px solid #271e10}
.demo-v413__section-head{text-align:center;margin-bottom:18px}
.demo-v413__section-head span{color:#d6a23b;font:700 7px Arial,sans-serif;letter-spacing:.2em}
.demo-v413__section-head h2{margin:6px 0 0;font-size:22px}
.demo-v413__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:auto}
.demo-v413__steps>div{
  min-height:140px;
  padding:16px;
  border:1px solid #382c17;
  border-radius:16px;
  background:linear-gradient(155deg,#0e0c09,#080706);
}
.demo-v413__steps i{
  width:28px;height:28px;border:1px solid #60491e;border-radius:50%;
  display:grid;place-items:center;color:#d7a33c;font:700 9px Arial;font-style:normal
}
.demo-v413__steps b{display:block;margin:14px 0 5px;color:#e8c063;font-size:10px}
.demo-v413__steps span{display:block;color:#93836a;font-size:8px;line-height:1.9}

.demo-v413__footer{padding:22px 0;border-top:1px solid #3f3018;background:#030303}
.demo-v413__footer>.demo-v413__shell{display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-v413__footer b{display:block;color:#dfb24d;font:700 9px "Cinzel",serif;direction:ltr}
.demo-v413__footer span{display:block;margin-top:4px;color:#806f52;font:6px Arial;direction:ltr}
.demo-v413__footer nav{display:flex;gap:12px;flex-wrap:wrap}
.demo-v413__footer a{color:#9f8d6d;font-size:8px}

@media(max-width:920px){
  .demo-v413__hero-grid{grid-template-columns:1fr;gap:26px}
  .demo-v413__access{max-width:580px;width:100%;margin:auto}
}
@media(max-width:680px){
  .demo-v413__shell{width:calc(100% - 24px)}
  .demo-v413__hero{padding:34px 0 36px}
  .demo-v413__intro h1{font-size:27px}
  .demo-v413__facts{grid-template-columns:1fr}
  .demo-v413__facts>div{min-height:0}
  .demo-v413__access{padding:18px;border-radius:19px}
  .demo-v413__steps{grid-template-columns:1fr}
  .demo-v413__footer>.demo-v413__shell{display:block}
  .demo-v413__footer nav{margin-top:12px}
}
@media(max-width:420px){
  .demo-v413__access-top{grid-template-columns:52px 1fr}
  .demo-v413__shield{width:52px;height:52px;border-radius:15px}
  .demo-v413__access-top h2{font-size:17px}
}