:root{--purple:#4f4784;--deep:#1a162e;--text:#221d39;--muted:#6d6888;--line:rgba(79,71,132,.14);--bg:#f7f5fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.72}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(92%,1250px);margin:auto}.topbar{position:sticky;top:0;z-index:50;padding:13px 0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center}.brand img{width:180px;max-height:48px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:24px;font-weight:600;font-size:12px}.nav nav a:hover,.back:hover{color:#705cff}.navbtn{background:var(--purple);color:#fff!important;padding:11px 18px;border-radius:60px}.hamb{display:none;border:0;background:#eeeaf8;padding:9px 14px;border-radius:10px}.hero{background:radial-gradient(circle at 8% 15%,#e5d9ff 0,transparent 38%),radial-gradient(circle at 94% 12%,#d8f5ff 0,transparent 35%),linear-gradient(160deg,#faf9ff,#fff);padding:95px 0 100px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:65px}.eyebrow{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;color:#686093;margin-bottom:22px}.hero h1{font-size:clamp(43px,5vw,76px);line-height:1.08;letter-spacing:-.065em;margin:0 0 25px}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#8242e9,#2a86ed,#2dc5c1);background-clip:text;color:transparent}h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(34px,4.5vw,58px);margin:0 0 22px}h2{font-size:clamp(27px,3.2vw,43px)}h3{font-size:20px}.hero p,.lead{font-size:16px;color:var(--muted);line-height:1.9;max-width:700px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#fff;padding:13px 24px;font-weight:700;font-size:13px;transition:.2s}.btn:hover{background:var(--deep);transform:translateY(-2px)}.btn.outline{background:#fff;color:var(--purple)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span,.pill{border:1px solid var(--line);background:#ffffffb8;border-radius:100px;padding:6px 12px;font-size:11px;color:#656080;font-weight:700}.hero-panel{background:rgba(255,255,255,.75);border:1px solid #e3ddfb;border-radius:34px;padding:28px;box-shadow:0 35px 75px rgba(49,38,110,.12);transform:rotate(1deg)}.panel-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.11em;font-weight:800;color:#8b84a0}.live{color:#299dab}.panel-logo{height:190px;display:flex;align-items:center;justify-content:center}.panel-logo img{width:160px;height:160px;object-fit:contain}.minirow{display:flex;align-items:center;gap:16px;border:1px solid #eae5f9;border-radius:18px;padding:13px;margin-top:10px;background:#fff}.minirow>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f0edff;color:#7052d6}.minirow div{flex:1}.minirow strong,.minirow small{display:block}.minirow strong{font-size:12px}.minirow small{color:#817b95;font-size:10px}.section{padding:85px 0}.sectionhead{max-width:800px;margin:0 0 34px}.sectionhead h2{margin:0 0 15px}.sectionhead p{color:var(--muted)}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:165px;padding:25px;background:linear-gradient(145deg,#fff,#f8f7ff);border:1px solid var(--line);border-radius:25px;transition:.2s}.product:hover,.contentcard:hover{transform:translateY(-4px);box-shadow:0 20px 35px rgba(44,34,100,.1)}.product img{height:50px;max-width:150px;object-fit:contain;object-position:left}.product small{color:var(--muted)}.prodicon{font-size:30px;color:#6b54d9}.soft{background:linear-gradient(130deg,#f8f6ff,#f5fbff)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.contentcard{display:flex;flex-direction:column;min-height:225px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:27px;transition:.2s}.contentcard h3{margin:16px 0 4px}.contentcard p{color:var(--muted);font-size:13px;flex:1}.contentcard .pill{align-self:start}.arrow,.sectionlink{color:var(--purple);font-weight:800}.sectionlink{margin-top:28px}.empty{grid-column:1/-1;padding:34px;border:1px dashed #b7add8;border-radius:24px;color:var(--muted)}footer{background:#241d45;color:#fff}.foot{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;padding:50px 0}.foot p,footer small{color:#b9b2d1}.foot>div:nth-child(2){display:flex;flex-direction:column;gap:7px}.reading{max-width:850px;padding:70px 0 100px}.back{display:block;color:var(--purple);font-weight:700;margin-bottom:38px}.prose{font-size:16px;line-height:2;white-space:normal;border-top:1px solid var(--line);padding-top:30px;margin-top:30px;overflow-wrap:anywhere}.reading .lead{max-width:none}.search{display:flex;gap:12px;max-width:800px;margin:30px 0 44px}.search input{flex:1;min-width:0}.search input,.editor input,.editor textarea,.editor select,.formbox input{border:1px solid #d7d1e9;border-radius:13px;padding:13px 16px;background:#fff;color:var(--text);width:100%}.search input:focus,.editor input:focus,.editor textarea:focus,.formbox input:focus{outline:2px solid #b2a1ee}.formbox{width:min(100%,530px);margin:80px auto 110px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(38,30,79,.08)}.formbox h1{font-size:33px}.formbox p,.muted{color:var(--muted);font-size:12px}.formbox form,.editor{display:grid;gap:18px}.formbox label,.editor label{display:grid;gap:6px;font-weight:600}.error{padding:10px;background:#ffe9e9;color:#950808}.alert{margin-top:15px;padding:12px 19px;background:#f0ebff;border-radius:15px;color:#44337d}.coursewrap{display:grid;grid-template-columns:1fr 320px;gap:34px;margin-top:50px}.lessonrow,.adminlist>a{border:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:12px;border-radius:16px}.lessonrow strong,.adminlist>a strong{flex:1}.lessonrow span:first-child{color:var(--purple);font-weight:800}.courseaside{background:#f6f3ff;border:1px solid var(--line);border-radius:24px;padding:27px;height:max-content}.bigpct{display:block;font:700 50px Montserrat;margin:20px 0}.progress{height:9px;background:#e0d9f5;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#7957e7,#42c6d8);border-radius:10px}.lessonend{margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:24px}.editor{max-width:780px;margin:30px 0 70px}.editor textarea{min-height:120px;resize:vertical}.editor label{font-size:12px}.adminlist{margin:20px 0 40px}.adminlist a{justify-content:space-between}.adminlist a span{font-size:12px;color:var(--purple)}.danger{border:1px solid #ae3945;color:#ae3945;background:white;border-radius:12px;padding:10px 16px}@media(max-width:1000px){.hero-grid{gap:30px}.nav nav{gap:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.productgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hamb{display:block}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 20px 25px #2013421f;flex-direction:column;align-items:stretch;gap:18px}.nav nav.open{display:flex}.hero{padding:48px 0 68px}.hero-grid{grid-template-columns:1fr}.hero-panel{transform:none}.section{padding:55px 0}.coursewrap{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.search{flex-direction:column}}@media(max-width:520px){.hero h1{font-size:42px}.brand img{width:156px}.cards,.productgrid{grid-template-columns:1fr}.actions .btn{width:100%}.hero-panel{padding:18px}.panel-head{font-size:8px}.panel-logo{height:120px}.panel-logo img{height:115px}.foot{grid-template-columns:1fr}.formbox{padding:22px;margin:35px auto}.reading{padding:45px 0}.adminlist a{align-items:flex-start;flex-direction:column}}
