@font-face{font-family:"DrlCinzel";src:url(/assets/fonts/drl-cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--drl-bg:#120a0b;--drl-bg2:#1b0e10;--drl-card:#241315;--drl-line:#43221f;--drl-ember:#ff5a1f;--drl-ember2:#ff8a3d;--drl-gold:#f4b740;--drl-jade:#2bb39a;--drl-tx:#f6ede4;--drl-mut:#cdb9aa;--drl-head:"DrlCinzel",Georgia,"Times New Roman",serif;--drl-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.drl{margin:0;background:var(--drl-bg);color:var(--drl-tx);font:16px/1.65 var(--drl-body);overflow-x:hidden}
.drl img{max-width:100%;height:auto;display:block}
.drl a{color:var(--drl-gold)}
.drl h1,.drl h2,.drl h3{font-family:var(--drl-head);line-height:1.2;margin:0 0 .6em;letter-spacing:.01em}
.drl p{margin:0 0 1em}

/* шапка */
.drl-top{position:sticky;top:0;z-index:20;background:rgba(18,10,11,.94);border-bottom:1px solid var(--drl-line);backdrop-filter:blur(6px)}
.drl-top__in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.drl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--drl-tx)!important;font-family:var(--drl-head);font-size:19px;font-weight:700;white-space:nowrap}
.drl-logo b{color:var(--drl-ember);font-weight:800}
.drl-logo__orb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe9a3,#f4b740 55%,#b8650f);box-shadow:0 0 14px rgba(255,90,31,.7)}
.drl-top__nav{display:none;gap:22px;margin-left:auto}
.drl-top__nav a{color:var(--drl-mut);text-decoration:none;font-size:15px}
.drl-top__nav a:hover{color:var(--drl-tx)}
.drl-top .drl-btn--sm{margin-left:auto}

/* кнопки */
.drl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,var(--drl-ember2),var(--drl-ember));color:#1a0705!important;font-weight:800;text-decoration:none;letter-spacing:.02em;box-shadow:0 6px 22px rgba(255,90,31,.35);transition:transform .15s}
.drl-btn:hover{transform:translateY(-1px)}
.drl-btn--sm{min-height:44px;padding:0 18px;font-size:15px}
.drl-btn--ghost{background:transparent;color:var(--drl-gold)!important;border:2px solid var(--drl-gold);box-shadow:none}

/* первый экран */
.drl-hero{background:radial-gradient(900px 480px at 78% 30%,rgba(255,90,31,.22),transparent 65%),linear-gradient(180deg,#1d0c0e,var(--drl-bg));border-bottom:1px solid var(--drl-line)}
.drl-hero__in{max-width:1180px;margin:0 auto;padding:28px 16px 24px;display:grid;gap:24px}
.drl-hero__eye{display:inline-block;margin:0 0 12px;padding:4px 12px;border:1px solid var(--drl-jade);border-radius:999px;color:var(--drl-jade);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.drl-hero h1{font-size:30px;font-weight:800;margin-bottom:14px}
.drl-hero__lead{color:var(--drl-mut);font-size:17px;max-width:560px}
.drl-chips{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.drl-chips li{padding:6px 12px 6px 30px;border-radius:10px;background:var(--drl-card);border:1px solid var(--drl-line);font-size:14px;position:relative}
.drl-chips li::before{content:"";position:absolute;left:10px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--drl-gold);box-shadow:0 0 8px var(--drl-ember)}
.drl-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.drl-hero__art{position:relative;justify-self:center;max-width:420px;width:100%}
.drl-pic--hero{display:block;border-radius:200px 200px 24px 24px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3a1514,#160b0c 70%);border:2px solid rgba(244,183,64,.55);box-shadow:0 0 0 8px rgba(255,90,31,.08),0 20px 60px rgba(0,0,0,.5)}
.drl-hero--slim .drl-hero__in{padding-bottom:30px}
.drl-ribbon{border-top:1px solid var(--drl-line);background:#160b0c;overflow:hidden}
.drl-ribbon__in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.drl-ribbon span{font-family:var(--drl-head);font-size:13px;color:var(--drl-gold);letter-spacing:.05em;white-space:nowrap}
.drl-ribbon span+span::before{content:"◆";color:var(--drl-ember);font-size:9px;margin-right:18px;vertical-align:2px}

/* контент */
.drl-main{max-width:880px;margin:0 auto;padding:30px 16px 10px}
.drl-intro{border-left:4px solid var(--drl-ember);padding:4px 0 4px 18px;margin-bottom:34px;font-size:17px}
.drl-sec{margin:0 0 44px}
.drl-sec h2{font-size:24px;font-weight:700;display:flex;gap:12px;align-items:flex-start}
.drl-sec__n{flex:0 0 auto;min-width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#1a0705;background:radial-gradient(circle at 38% 34%,#ffe9a3,#f4b740 60%,#b8650f);margin-top:-4px}
.drl-sec h3{font-size:18px;color:var(--drl-gold)}
.drl-marks{list-style:none;padding:0;margin:0 0 1.2em}
.drl-marks li{position:relative;padding:8px 0 8px 28px;border-bottom:1px dashed var(--drl-line)}
.drl-marks li::before{content:"";position:absolute;left:4px;top:17px;width:10px;height:10px;transform:rotate(45deg);background:var(--drl-jade)}
.drl-steps{counter-reset:drl;list-style:none;padding:0;margin:0 0 1.2em}
.drl-steps li{counter-increment:drl;position:relative;padding:12px 14px 12px 58px;margin-bottom:10px;background:var(--drl-card);border-radius:14px}
.drl-steps li::before{content:counter(drl);position:absolute;left:14px;top:10px;width:32px;height:32px;border-radius:9px;background:var(--drl-jade);color:#06231d;font-weight:800;display:flex;align-items:center;justify-content:center}
.drl-pic{display:block;margin:6px 0 22px}
.drl-pic--wide img{width:100%;border-radius:18px;border:1px solid var(--drl-line)}
.drl-split{display:grid;gap:18px}
.drl-pic--side{max-width:180px;margin:0 auto}
.drl-pic--side img{border-radius:90px 90px 14px 14px;border:2px solid var(--drl-gold)}
.drl-themes{display:grid;gap:14px;margin:10px 0 18px}
.drl-theme{position:relative;padding:18px 16px 6px;background:linear-gradient(160deg,#2c1517,#1b0e10);border:1px solid var(--drl-line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.drl-theme::after{content:"";position:absolute;top:0;right:0;width:22px;height:22px;background:var(--drl-ember)}
.drl-theme__n{font-family:var(--drl-head);color:var(--drl-ember);font-size:13px;letter-spacing:.1em}
.drl-theme h3{margin:2px 0 8px;font-size:17px}
.drl-theme p{font-size:15px;color:var(--drl-mut)}
.drl-tablewrap{overflow-x:auto;margin:0 0 18px;border-radius:14px;border:1px solid var(--drl-line)}
.drl-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.drl-table th,.drl-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--drl-line);vertical-align:top}
.drl-table thead th{background:#2a1416;color:var(--drl-gold);font-family:var(--drl-head);font-size:14px}
.drl-table tbody th{color:var(--drl-tx);font-weight:700}
.drl-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.drl-mid{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 44px;padding:18px;border-radius:20px;background:linear-gradient(90deg,rgba(43,179,154,.16),rgba(255,90,31,.14));border:1px solid var(--drl-line)}
.drl-mid p{margin:0;flex:1 1 220px}
.drl-mid__orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe9a3,#f4b740 55%,#b8650f);box-shadow:0 0 18px rgba(255,90,31,.6)}
.drl-sec--faq .drl-qa{background:var(--drl-card);border-radius:16px;padding:16px 16px 4px;margin-bottom:12px;border-top:3px solid var(--drl-jade)}
.drl-qa h3{font-size:17px}
.drl-main--doc{padding-top:30px}
.drl-404{min-height:50vh}

/* низ */
.drl-band{background:linear-gradient(90deg,#3a130d,#1d0c0e);border-top:1px solid var(--drl-line);border-bottom:1px solid var(--drl-line)}
.drl-band__in{max-width:1180px;margin:0 auto;padding:24px 16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.drl-band__t{margin:0;font-family:var(--drl-head);font-size:19px}
.drl-foot{background:#0c0607;color:var(--drl-mut);font-size:14px}
.drl-foot__in{max-width:1180px;margin:0 auto;padding:28px 16px}
.drl-foot__warn{display:flex;gap:14px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--drl-line);margin-bottom:18px}
.drl-foot__warn p{margin:0}
.drl-18{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:3px solid var(--drl-ember);color:var(--drl-tx);font-weight:800;display:flex;align-items:center;justify-content:center}
.drl-foot__cols{display:grid;gap:20px}
.drl-foot__cols a{display:block;padding:6px 0;color:var(--drl-mut);text-decoration:none}
.drl-foot__cols a:hover{color:var(--drl-gold)}
.drl-foot__h{color:var(--drl-tx);font-family:var(--drl-head);margin-bottom:6px}
.drl-foot__upd{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--drl-line);color:var(--drl-gold)}

@media (min-width:640px){
  .drl-themes{grid-template-columns:1fr 1fr}
  .drl-split{grid-template-columns:180px 1fr;align-items:start}
  .drl-foot__cols{grid-template-columns:1fr 1fr 1.3fr}
}
@media (min-width:960px){
  .drl-top__nav{display:flex}
  .drl-top .drl-btn--sm{margin-left:0}
  .drl-hero__in{grid-template-columns:1.15fr .85fr;align-items:center;padding:56px 16px 48px}
  .drl-hero h1{font-size:44px}
  .drl-hero--slim h1{font-size:38px}
  .drl-sec h2{font-size:28px}
}
