:root{
  --bg:#090a0c;--panel:#14171c;--panel2:#0f1115;--line:#2a3038;
  --text:#f5f7fa;--muted:#a7afbb;--orange:#ff6900;--orange2:#ff922e;
  --radius:24px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 80% 0,rgba(255,105,0,.12),transparent 32%),
radial-gradient(circle at 8% 42%,rgba(255,105,0,.06),transparent 26%),
var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.9}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.wrap{width:min(1160px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.06);
background:rgba(9,10,12,.86);backdrop-filter:blur(18px)}
.nav{height:76px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:20px}
.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#111;
background:linear-gradient(145deg,var(--orange2),var(--orange));
box-shadow:0 12px 34px rgba(255,105,0,.3),inset 0 1px rgba(255,255,255,.4)}
.nav nav{display:flex;gap:24px;margin-right:auto}
.nav nav a,.mobile-nav a{font-size:14px;color:#d6dbe3}
.nav-actions{display:flex;align-items:center;gap:8px}
.btn{min-height:46px;padding:0 18px;border-radius:14px;border:1px solid transparent;display:inline-flex;
align-items:center;justify-content:center;font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:linear-gradient(145deg,var(--orange2),var(--orange));color:#111;
box-shadow:0 14px 34px rgba(255,105,0,.22),inset 0 1px rgba(255,255,255,.35)}
.btn.ghost{background:#12151a;border-color:#343a43;color:#f5f7fa}
.btn.small{min-height:39px;padding:0 13px;font-size:12px}
.btn.full{width:100%}
.menu-btn{display:none;width:42px;height:42px;border:1px solid #343a43;background:#15181d;color:white;border-radius:12px}
.mobile-nav{padding:2px 16px 15px;display:grid;gap:8px}
.hero{padding:82px 0 62px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center}
.eyebrow,.tag,.keyword{display:inline-flex;align-items:center;border:1px solid rgba(255,105,0,.28);
background:rgba(255,105,0,.08);color:#ff9e54;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}
.hero h1,.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.15;margin:18px 0 20px;letter-spacing:-1.6px}
.hero .lead,.page-hero p{font-size:18px;color:var(--muted);max-width:760px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.trust span{border:1px solid #2b3139;background:#101319;border-radius:999px;padding:7px 11px;color:#cbd1da;font-size:12px}
.visual{min-height:465px;position:relative;perspective:1200px}
.glass-card{position:absolute;inset:44px 18px 26px;border:1px solid rgba(255,255,255,.1);
background:linear-gradient(145deg,rgba(30,34,40,.94),rgba(11,13,16,.96));border-radius:34px;
box-shadow:0 30px 72px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08);
transform:rotateY(-8deg) rotateX(3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 12%,rgba(255,255,255,.05) 50%,transparent 72%);
transform:translateX(-110%);animation:shine 6s infinite}
@keyframes shine{50%,100%{transform:translateX(110%)}}
.status{position:absolute;top:24px;right:26px;color:#bbc3ce;font-size:11px;letter-spacing:1px}
.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#40dc88;box-shadow:0 0 12px #40dc88;margin-left:7px}
.sphere{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative;
background:radial-gradient(circle at 33% 24%,#ffc08a 0 5%,#ff6a00 20%,#3d1c08 55%,#08090b 73%);
box-shadow:inset -25px -30px 50px rgba(0,0,0,.75),0 0 0 1px rgba(255,105,0,.22),0 0 75px rgba(255,105,0,.28)}
.sphere:after{content:"";position:absolute;width:250px;height:80px;border:1px solid rgba(255,145,48,.5);border-radius:50%;transform:rotate(-18deg)}
.sphere span{font-size:62px;font-weight:900;color:#141414;text-shadow:0 1px rgba(255,255,255,.35)}
.mini-grid{position:absolute;bottom:27px;left:26px;right:26px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-grid div{padding:14px;border:1px solid #2b3139;background:#0f1216;border-radius:16px}
.mini-grid small{display:block;color:#777f8d;font-size:10px}
.mini-grid b{font-size:13px}
.orb{position:absolute;border-radius:50%}
.orb1{width:105px;height:105px;top:5px;left:4px;background:radial-gradient(circle at 30% 30%,#ffbd85,#ff6900 42%,#281206 75%);box-shadow:0 0 50px rgba(255,105,0,.28)}
.orb2{width:58px;height:58px;right:0;bottom:50px;background:radial-gradient(circle at 30% 30%,#fff,#ff7e17 30%,#1c0e05 74%)}
.section{padding:54px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-head h2,.related h2{font-size:34px;margin:7px 0 0}
.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.plan-card,.topic-card,.side-card,.article,.related,.empty-card{border:1px solid var(--line);
background:linear-gradient(145deg,#181b20,#101217);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);border-radius:var(--radius)}
.plan-card{position:relative;padding:24px;overflow:hidden;transform-style:preserve-3d;transition:.2s transform,.2s border-color}
.plan-card:hover{transform:translateY(-5px) rotateX(1deg);border-color:#543820}
.plan-card.compact{padding:16px;margin:13px 0}
.plan-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,105,0,.11);filter:blur(30px);left:-46px;top:-65px}
.plan-top{display:flex;justify-content:space-between;align-items:center;position:relative}
.plan-price{font-weight:900}
.plan-card h3{font-size:25px;margin:17px 0 7px}
.plan-card p,.topic-card p,.side-card p{color:var(--muted);font-size:14px}
.plan-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}
.plan-specs span{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;border:1px solid #292f37;background:#0d1013;border-radius:13px;font-size:12px}
.plan-specs b{color:#8c95a2}
.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.topic-card{padding:21px;transition:.2s transform,.2s border-color}
.topic-card:hover{transform:translateY(-4px);border-color:#56371f}
.topic-card h3{font-size:19px;margin:14px 0 4px}
.more{color:#ff9a4d;font-size:13px;font-weight:900}
.page-hero{padding:62px 0 34px;background:linear-gradient(180deg,rgba(255,105,0,.055),transparent)}
.page-hero h1{font-size:clamp(34px,5vw,58px);max-width:900px}
.crumb{display:flex;gap:8px;flex-wrap:wrap;color:#7f8793;font-size:12px;margin-bottom:22px}
.keyword{margin-top:12px;color:#c8ced7;border-color:#343a43;background:#101318}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px}
.article{padding:32px;min-width:0}
.article h2{font-size:29px;line-height:1.45;margin:34px 0 10px}
.article h2:first-child{margin-top:0}
.article h3{font-size:20px;margin:26px 0 8px}
.article p,.article li{color:#c3c9d2;font-size:16px}
.article a{color:#ff9d51;text-decoration:underline;text-underline-offset:3px}
.article ul{padding-right:20px}
.seo-note{border:1px solid #353a42;background:#101319;border-radius:18px;padding:18px;margin-top:30px}
.seo-note h2{font-size:22px;margin:18px 0 8px}
.side-card{padding:20px}
.side-card.sticky{position:sticky;top:96px}
.side-card .plan-card{box-shadow:none;border-radius:18px}
.related{padding:24px}
.related>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.related a{border:1px solid #303641;background:#101318;border-radius:12px;padding:10px 13px;color:#cbd1da;font-size:13px}
footer{margin-top:65px;border-top:1px solid #23272e;background:#08090b;padding:48px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:28px}
.footer-grid p{color:#818a97;max-width:450px}
.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px}
.footer-grid a{color:#a0a8b4;font-size:13px}
.copyright{border-top:1px solid #1d2228;margin-top:30px;padding-top:18px;color:#69717d;font-size:12px}
.chat-launch{position:fixed;left:22px;bottom:22px;z-index:70;border:0;border-radius:16px;padding:13px 16px;font-weight:900;cursor:pointer;
background:linear-gradient(145deg,var(--orange2),var(--orange));color:#111;box-shadow:0 16px 45px rgba(255,105,0,.3)}
.chat-panel{position:fixed;left:22px;bottom:80px;z-index:71;width:min(380px,calc(100vw - 32px));height:520px;
border:1px solid #343a43;background:#111419;border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.58);overflow:hidden}
.chat-head{height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#21150d,#15171b);border-bottom:1px solid #2a2f36}
.chat-head small{display:block;color:#8f97a3;font-size:11px}
.chat-head button{border:0;background:transparent;color:white;font-size:25px}
.chat-history{height:358px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}
.chat-msg{max-width:84%;align-self:flex-start;padding:10px 12px;background:#1e232a;border:1px solid #2b3139;border-radius:14px 14px 14px 4px;color:#e2e6ec;font-size:13px;white-space:pre-wrap}
.chat-msg.mine{align-self:flex-end;background:#3c2414;border-color:#6c3a1c;border-radius:14px 14px 4px 14px}
.chat-form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px solid #282d34}
.chat-form input{width:100%;background:#0d0f12;border:1px solid #30363e;color:white;border-radius:12px;padding:0 12px}
.chat-foot{display:flex;justify-content:space-between;padding:0 12px 8px;color:#747d89;font-size:10px}
.chat-foot a{color:#ff9b4d}
.empty-card{padding:20px;color:var(--muted)}
@media(max-width:950px){
  .nav nav{display:none}.menu-btn{display:block}.hero-grid,.article-shell{grid-template-columns:1fr}
  .visual{min-height:390px}.side-card.sticky{position:static}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:650px){
  .wrap{width:min(100% - 22px,1160px)}.nav{height:68px}.nav-actions .btn.ghost{display:none}
  .hero-grid{gap:28px}.visual{min-height:340px}.glass-card{inset:25px 5px}.sphere{width:150px;height:150px}.sphere:after{width:200px}
  .plans-grid,.topics-grid{grid-template-columns:1fr}.section{padding:38px 0}.article{padding:21px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}
  .chat-launch{left:12px;bottom:12px}.chat-panel{left:10px;bottom:70px;width:calc(100vw - 20px);height:min(520px,calc(100vh - 95px))}
  .chat-history{height:calc(100% - 154px)}
}