/* Bright digital-learning identity inspired by approved pastel reference. */
:root{--bg:#f7f3ff;--ink:#172344;--muted:#61708b;--line:#e6e1f2;--cyan:#5f42c2;--gold:#c33e9b}body{background:radial-gradient(ellipse at 10% 0%,#ffe2f0 0,transparent 40%),radial-gradient(ellipse at 94% 12%,#dcecff 0,transparent 45%),radial-gradient(ellipse at 20% 80%,#f3e5ff 0,transparent 45%),#faf8ff;color:#172344}#knowledgeNetwork{display:none}.sidebar{background:#ffffffed;border-right:1px solid #e5ddf0;color:#61708b;backdrop-filter:blur(15px)}.brand{color:#172344;font-family:'Be Vietnam Pro',sans-serif;font-weight:800}.brand-icon,.brand-icon span{background:white;color:#8050c9;border-color:#c5a7e4}.brand small{color:#8a7e9e}.nav{color:#6d6b86}.nav.active{background:linear-gradient(100deg,#f5dff2,#ece4ff);border-color:#dfc5ed;color:#7635ad;box-shadow:inset 3px 0 #bc3b9d}.nav b{background:#ece0f4;color:#8055a1}.nav:hover:not(.active){background:#f3edfc;color:#7042ae}.side-label{color:#a293b2}.ecosystem{color:#746381}.ecosystem span{color:#a546b9}.side-bottom{border-color:#e8dff1}.tiny-gold{color:#bc4194}.side-bottom p{color:#8a829c}.founder{color:#574b6b}.founder>span{background:#efe1f6;color:#9a429f}.founder small{color:#9b8eaa}.announcement{background:#f2e5f8;color:#99809d;border-color:#eadbed}.announcement span{color:#a24a95}header{background:#ffffffc9;border-color:#ece4f2}.breadcrumb{color:#9d91a8}.breadcrumb b{color:#5f5674}.header-right{color:#907899}#mobileMenu{color:#8550af}.start-guide{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;background:#ffffffc9;border:1px solid #eadff2;border-radius:13px;padding:17px 23px;font-size:11px;color:#9280a3}.start-guide b{color:#8d4db2}.hero{padding:36px 25px 36px 35px;gap:20px;border:0;background:transparent;min-height:450px;margin-top:15px;overflow:visible}.hero-content{flex:1;min-width:0}.eyebrow{color:#ba3d99;font-size:10px}.eyebrow>span{background:#b948b3;box-shadow:none}h1{font-family:'Be Vietnam Pro',sans-serif;font-size:clamp(33px,3.7vw,57px);line-height:1.22;font-weight:800;letter-spacing:-2px;color:#171b39}h1 em{background:linear-gradient(105deg,#ed268c,#b429b8 55%,#6336d8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#79829b;font-size:15px}.hero p strong{color:#53617d}.gold-btn{background:linear-gradient(110deg,#c02caa,#7136d2);color:#fff;box-shadow:0 8px 23px #a245b329;border-radius:99px;font-size:13px}.gold-btn:hover{box-shadow:0 10px 28px #a245b33a}.hero-link{color:#9864b1;border-color:#d9c1e8}.hero-meta{color:#9b8aab;font-size:9px}.fresh-art{position:relative;width:39%;min-width:270px;height:380px;display:block!important;align-self:center;margin:0;transform:none}.learning-orbit{position:absolute;width:310px;height:310px;border:3px solid #f3d486;border-radius:50%;top:5px;left:0;background:radial-gradient(circle,#fff8ff,#fff 60%,#fff4dc);box-shadow:0 0 0 7px #fff6e9,0 0 0 9px #e4cfef44,0 15px 60px #d58bea38}.learning-paper{position:absolute;top:15px;left:18px;width:270px;height:285px;transform:rotate(-5deg);border-radius:18px;background:#ffffffdd;box-shadow:0 15px 35px #9160ac16;border:1px solid #f0dff3;padding:25px}.paper-brand{font-size:8px;letter-spacing:1px;color:#ad80bd;font-weight:700}.paper-icon{font-size:38px;color:#de65b2;line-height:1.5}.learning-paper strong{font-family:'Be Vietnam Pro',sans-serif;font-size:26px;font-weight:800;line-height:1.5;color:#182844;letter-spacing:-1px}.learning-paper em{font-style:normal;background:linear-gradient(100deg,#ed268c,#6d3cda);background-clip:text;color:transparent}.paper-foot{display:block;font-size:7px;letter-spacing:.9px;color:#b393bc;margin-top:17px}.learning-chip{position:absolute;padding:12px 15px;background:#fff;border:1px solid #ebd6f4;border-radius:10px;font-size:10px;font-weight:600;box-shadow:0 10px 20px #94669b12}.chip-one{right:-1px;top:25px;color:#9e47b5;transform:rotate(5deg)}.chip-two{left:-15px;top:255px;color:#487daa;transform:rotate(-5deg);z-index:2}.skill-steps{position:absolute;bottom:2px;left:38px;display:flex;align-items:end;gap:7px;transform:skewY(-7deg)}.skill-steps span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:74px;height:62px;color:#fff;border-radius:9px;font-size:20px;font-weight:800;background:linear-gradient(130deg,#ff91c7,#d643b3);box-shadow:4px 6px 0 #b2449b22}.skill-steps span:nth-child(2){height:84px;background:linear-gradient(130deg,#ca8ef7,#804bd4)}.skill-steps span:nth-child(3){height:105px;background:linear-gradient(130deg,#75d5f5,#4488e6)}.skill-steps small{font-size:8px;margin-top:4px;font-weight:500}.stats{background:#ffffffdc;border-color:#e8dff3;box-shadow:0 5px 20px #9e77b108}.stats>div{border-color:#ede5f5}.stats>div:nth-child(1) strong{color:#a444ba}.stats>div:nth-child(2) strong{color:#5c8cc5}.stats>div:nth-child(3) strong{color:#9663c8}.stats>div>span{color:#998ca5}.progress-icon{background:#f1e5f8;color:#a351bc!important}.progress-stat b{color:#81678e}.progress-stat small{color:#a597af}h2{font-family:'Be Vietnam Pro',sans-serif;color:#2a2945;font-weight:800}h2 span{color:#c544aa}.dark{color:#b181bc}.topic-intro p{color:#a698b1}.topic-tile{background:linear-gradient(135deg,rgba(var(--topic-rgb),.065),#fff 90%);border-color:rgba(var(--topic-rgb),.16);border-radius:15px;box-shadow:0 5px 20px #9b77ac06}.topic-tile strong{color:#4a4261}.topic-detail{color:#a197ac}.search-box,select{background:#fff;border-color:#e0d5ed}.search-box>span{color:#b47bbc}.search-box input{color:#5e4b75;font-size:14px}.search-box input::placeholder{color:#b0a0ba}.search-box:focus-within{border-color:#bd8bd2;box-shadow:0 0 0 3px #f1e4fa}.search-box kbd{background:#faf5ff;border-color:#ede3f5;color:#bdadcb}select{color:#9482a4}.filter{background:#ffffffa6;border-color:#e8dff1;color:#9a88a9}.filter.active{background:rgba(var(--topic-rgb),.08);border-color:rgba(var(--topic-rgb),.4)}.card{background:#ffffffed;border-color:#e8def0;border-radius:17px;box-shadow:0 5px 20px #9b6eab07}.card:hover{box-shadow:0 12px 30px #9b6eab17}.card-art{background:radial-gradient(ellipse at 95% 10%,rgba(var(--topic-rgb),.13),transparent 70%),linear-gradient(120deg,#fcf4ff,#f0f7ff);border-bottom-color:#eee3f5;height:155px}.art-title{font-family:'Be Vietnam Pro',sans-serif;font-weight:800}.art-label{color:#a78bb3}.card h3{color:#433956;font-size:15px}.card-desc{color:#8a809b;font-size:13px}.card-bottom{border-color:#eee6f5;color:#ac9bb7}.card-save{background:#fff;border-color:#e2d5ed;color:#b18abd}.card-save.on{background:#edd4f5;color:#9c45b1;border-color:#d7b1e5}.own-label{color:#b58bb1}.results-line{color:#b2a3bc}.results-line b{color:#8d66a1}.download-all{color:#9c4bab;background:#f6e9fb;border-color:#e6cdeb}.closing{background:linear-gradient(105deg,#f9e4f4,#ece8ff 60%,#e3f2ff);border-color:#e3d1f0}.closing-symbol{color:#d05eb7}.closing h3{color:#755080}.closing p{color:#9a7fa8}.closing button{background:linear-gradient(110deg,#c641ac,#8046ce);color:#fff}footer{border-color:#e6d8ee;color:#b29abe}footer b{color:#9b6eab}.reader-top{background:#f4eafa;color:#9d62af;border-color:#eadcf1}.reader-body{background:#fffdfd}.reader-body h2{color:#392c4d}.reader-body h3{color:#8c50a2}.reader-body p,.reader-body li{color:#637086}.reader-body pre{background:#f7f1fb;color:#715387;border-color:#e6d8f0;border-left-color:#b66cc9}.reader-bottom{background:#fffcff;border-color:#ecdef4}.reader-actions button,.reader-actions a{background:#f2e8f8;color:#9860b0;border-color:#e1cbea}.lesson-toc{background:#f7f0fc;border-color:#e8d9f1}.lesson-toc summary{color:#a463b8}.lesson-toc button{color:#977da9}.reader-search{background:#fcf0f8;border-color:#eddaeb}.lesson-kicker{color:#b581b4}.lesson-signature strong{color:#9864ac}.lesson-signature>span{color:#a762b6;border-color:#d9b6e4}.lesson-table th{background:#f2e9fa;color:#9462aa}.lesson-table tbody tr:nth-child(even){background:#fbf7ff}.lesson-table td{color:#7d708e;border-color:#eee6f6}#toast{background:#8e4caa;color:#fff;border-color:#bc8ed1}@media(max-width:1100px){.hero{padding:30px 15px;gap:15px}.fresh-art{min-width:240px;transform:scale(.85);transform-origin:right center}.hero h1{font-size:37px}.hero-link{font-size:10px}.hero-meta{font-size:8px}}@media(max-width:700px){.hero{display:flex;flex-direction:column;padding:25px 5px 20px;gap:25px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero p{font-size:15px}.hero-content{width:100%}.fresh-art{width:320px;min-width:0;height:380px;transform:scale(.9);transform-origin:center;margin:-10px auto -20px}.start-guide{padding:16px;font-size:10px;gap:10px 14px}.start-guide b{width:100%;font-size:12px}.hero-meta{font-size:9px}.hero-link{font-size:12px}.hero-actions .gold-btn{width:100%}.card-art{height:150px}.card h3{font-size:17px}.card-desc{font-size:14px}}
/* Maintain readable text against pastel surfaces. */
.hero p{color:#5e6882}.card-desc{color:#6b617c}.filter{color:#786385}.topic-detail{color:#80718e}.results-line{color:#83728e}.stats>div>span{color:#7d7088}.hero-meta{color:#7f6d8d}.card-bottom{color:#8a7798}.search-box input::placeholder{color:#8a789a}.reader-body p,.reader-body li{color:#526078}