:root{--glow-purple:#9333ea;--glow-indigo:#6366f1;--glow-dark:#020617;--glow-slate:#64748b}body{background:#fafaff!important;color:#1e293b}.site-header{height:auto;background:rgba(255,255,255,.88);border-color:rgba(226,232,240,.8);box-shadow:0 4px 26px rgba(15,23,42,.035)}.header-inner{height:74px}.brand{font-size:18px;font-weight:850;letter-spacing:-.55px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#a855f7,#7c3aed);font-size:13px;box-shadow:0 8px 18px rgba(147,51,234,.22)}.site-nav{gap:21px}.site-nav a{font-size:13px;font-weight:650;color:#475569}.site-nav a:hover,.nav-login:hover{color:#9333ea}.button{border-radius:12px;background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 8px 20px rgba(124,58,237,.14);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(124,58,237,.22)}.button-ghost{background:#fff;box-shadow:none}.hero{background:radial-gradient(ellipse at 80% 12%,rgba(168,85,247,.13),transparent 38%),radial-gradient(ellipse at 12% 90%,rgba(99,102,241,.08),transparent 38%),linear-gradient(180deg,#fff,#faf8ff)}.article-card,.dashboard-content,.account-main,.course-detail{border-color:#e9e8f1;box-shadow:0 8px 28px rgba(15,23,42,.045)}.article-card{border-radius:20px;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(109,40,217,.095)}.article-detail{max-width:880px;border-radius:26px;box-shadow:0 12px 40px rgba(15,23,42,.035)}.article-content{font-size:16px;line-height:1.85;color:#334155;overflow-wrap:anywhere}.article-content p{margin:1.15em 0}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#0f172a;letter-spacing:-.45px}.article-content h2{margin:42px 0 15px;font-size:28px;font-weight:780}.article-content h3{margin:32px 0 12px;font-size:22px;font-weight:740}.article-content h4{margin:26px 0 10px;font-size:18px}.article-content mark{padding:2px 6px;color:#6b21a8;background:#f3e8ff;border-radius:5px}.article-content blockquote{margin:24px 0;padding:14px 20px;border-left:4px solid #a855f7;border-radius:0 12px 12px 0;background:#faf5ff}.article-content img,.article-content table,.article-content pre,.article-content code{max-width:100%;overflow-wrap:anywhere}.article-content table{display:block;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{padding:10px 14px;border:1px solid #e2e8f0}.article-content th{background:#faf5ff}.article-content pre{white-space:pre-wrap;word-break:break-word}.admin-login{border-radius:24px;box-shadow:0 15px 50px rgba(109,40,217,.07)}.admin-login-intro{margin-top:-5px;color:#64748b}.site-footer{position:relative;overflow:hidden;margin-top:68px;padding-top:63px;background:#020617;border:0;border-radius:46px 46px 0 0;color:#fff}.site-footer:before,.site-footer:after{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(90px);pointer-events:none;content:""}.site-footer:before{top:-190px;right:-90px;background:rgba(147,51,234,.20)}.site-footer:after{bottom:-210px;left:-90px;background:rgba(79,70,229,.15)}.footer-grid,.copyright{position:relative;z-index:1}.footer-grid{grid-template-columns:1.45fr .8fr .9fr;gap:58px;padding-bottom:42px}.footer-about p{max-width:370px;line-height:1.85}.site-footer .brand{color:#fff}.footer-grid h3{margin-top:4px;margin-bottom:17px;color:#f8fafc;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.footer-grid p,.footer-grid div>a:not(.brand){color:#aebbcf;font-size:13px}.footer-grid div>a:not(.brand){padding:3px 0;transition:color .2s}.footer-grid div>a:not(.brand):hover{color:#d8b4fe}.footer-contact{display:inline-flex!important;margin-top:9px;padding:8px 13px!important;border:1px solid rgba(255,255,255,.15);border-radius:10px}.copyright{display:flex;justify-content:space-between;gap:12px;border-color:rgba(255,255,255,.11);color:#94a3b8}@media(max-width:900px){.site-nav{gap:12px}.site-nav a{font-size:12px}.footer-grid{gap:30px}}@media(max-width:760px){.header-inner{height:70px}.site-nav{top:70px}.shell{width:min(1160px,calc(100% - 30px))}.article-detail{padding:20px 17px;border-radius:19px}.article-detail h1{font-size:clamp(28px,8vw,38px)}.article-content{font-size:15.5px;line-height:1.8}.article-content h2{font-size:23px}.article-content h3{font-size:19px}.article-content h4{font-size:17px}.site-footer{border-radius:30px 30px 0 0;padding-top:45px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{flex-direction:column}.brand{font-size:16px}}
