:root{--ink:#172b4d;--muted:#5c6b84;--purple:#2463eb;--violet:#60a5fa;--teal:#14b8a6;--line:#e5ebf5;--paper:#fff;--bg:#f6f9ff;--shadow:0 16px 45px rgba(47,48,101,.085);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.shell{width:min(1180px,calc(100% - 54px));margin-inline:auto}
.site-header{height:79px;background:rgba(255,255,255,.95);border-bottom:1px solid #f0eff8;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:830;letter-spacing:-1.4px}.brand-color{color:var(--purple)}.brand-icon{display:grid;place-items:center;background:var(--purple);height:38px;width:38px;border-radius:12px;font-size:27px;line-height:1;color:#fff;box-shadow:0 5px 14px rgba(105,85,235,.19)}.nav-links{display:flex;gap:35px;font-weight:600;font-size:14px;color:#545d77}.nav-links a:hover,.nav-admin:hover{color:var(--purple)}.nav-admin{display:inline-flex;align-items:center;gap:9px;border:1px solid #e5e4f6;padding:12px 16px;border-radius:12px;background:white;font-weight:700;font-size:13px}
.hero{min-height:558px;display:grid;grid-template-columns:51% 49%;align-items:center;gap:0;padding-top:53px;padding-bottom:68px}.hero-text{position:relative;z-index:3}.eyebrow,.section-overline{font-size:11px;letter-spacing:1.6px;font-weight:850;color:var(--purple)}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#e9f1ff;padding:11px 15px;border-radius:999px;letter-spacing:1.05px}.eyebrow-dot{width:8px;height:8px;background:var(--purple);border-radius:50%}.hero h1{font-size:clamp(47px,5vw,72px);letter-spacing:-3.1px;line-height:1.075;max-width:620px;margin:26px 0 21px;font-weight:850}.hero h1 span{background:linear-gradient(102deg,#7159ec,#a074fa);background-clip:text;color:transparent}.hero-text>p{font-size:17px;line-height:1.83;max-width:520px;color:var(--muted)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:13px;border:0;padding:16px 23px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 8px 20px rgba(104,85,232,.23)}.btn-primary:hover{box-shadow:0 12px 24px rgba(104,85,232,.3)}.btn-white{background:#fff;color:#343657;border:1px solid #e7e7f1}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:38px;color:#778096;font-size:12px;font-weight:550}.avatar-pile{display:flex;padding-left:0}.avatar-pile i{width:35px;height:35px;border-radius:50%;background:white;border:2px solid #fff;box-shadow:0 3px 10px #0001;margin-right:-9px;display:grid;place-items:center;font-style:normal}
.hero-art{min-height:435px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art::before{content:"";background:#ece6ff;border-radius:46% 53% 60% 45%;position:absolute;inset:14px -15px 12px 0;z-index:-2;transform:rotate(-10deg)}.hero-art::after{content:"";position:absolute;width:300px;height:300px;border:1px dashed #d4c6fb;border-radius:50%;right:-32px;top:5px;z-index:-1}.board{width:min(420px,90%);transform:rotate(-4deg);background:white;border:1px solid #e8e1ff;border-radius:22px;padding:19px 23px 24px;box-shadow:0 30px 60px #5a3cd136,0 6px 20px #5a3cd116}.board-top{display:flex;justify-content:space-between;border-bottom:1px solid #f0edf9;padding-bottom:15px;font-weight:750;font-size:13px}.board-logo{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;color:white;background:var(--purple);margin-right:7px}.board-dots{font-size:18px;letter-spacing:3px;color:#d2d0dd}.board-caption{display:flex;justify-content:space-between;margin-top:24px;font-size:10px;letter-spacing:1px;font-weight:900;color:var(--purple)}.board-caption span{color:#b1abc7}.math-title{text-align:center;font-weight:850;font-size:24px;margin:30px 0 24px;letter-spacing:-.7px}.math-title span{color:var(--purple)}.math-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.math-answers>div{text-align:center;border:2px solid #f0edf8;border-radius:12px;padding:13px;color:#61647f;font-weight:750}.math-answers .correct{background:#e8fbf4;border-color:#3cc39a;color:#188b74;position:relative}.correct span{position:absolute;right:12px}.board-bottom{display:flex;gap:14px;align-items:center;margin-top:24px;font-weight:750;font-size:12px;white-space:nowrap}.progress-track{background:#eeecf8;height:8px;border-radius:12px;flex:1;overflow:hidden}.progress-track span{display:block;width:68%;height:100%;border-radius:12px;background:linear-gradient(90deg,#a77ffd,#6956e8)}.float-shape{position:absolute;color:#f7ae43;font-size:53px;z-index:-1}.float-one{top:18px;left:24px}.float-two{bottom:40px;right:10px;color:#b8ffec}.float-chip{position:absolute;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;background:white;padding:12px 16px;border-radius:15px;box-shadow:0 12px 35px #5c3c9a27;font-size:25px}.float-chip strong{font-size:14px}.float-chip small{grid-column:2;color:#9b9bae;font-size:11px}.chip-one{top:35px;right:-3px;transform:rotate(7deg)}.chip-two{bottom:37px;left:0;transform:rotate(5deg)}
.metrics{border-top:1px solid #eeedf7;border-bottom:1px solid #eeedf7;background:#fff}.metric-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;min-height:114px;align-items:center}.metric-row>div:not(:last-child){display:flex;align-items:center;gap:12px;border-right:1px solid #eeedf7;height:52px;margin-right:30px}.metric-row strong{font-size:26px;font-weight:850}.metric-row span:not(.metric-emoji){font-size:12px;color:#727992;font-weight:650}.metric-emoji{font-size:26px}.metric-caption{padding-left:25px;font-size:13px;line-height:1.9;color:#7a8095}.metric-caption b{color:var(--purple)}
.collection{padding-top:85px;padding-bottom:95px;scroll-margin-top:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:13px 0 29px}.section-heading h2,.feature-heading h2,.how-section h2{font-size:clamp(27px,3.1vw,39px);letter-spacing:-1.5px;line-height:1.18;margin-bottom:10px}.section-heading h2 span{color:#f6b943}.section-heading p,.feature-heading p,.how-section>div>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.collection-count{color:#6b648b;font-size:12px;font-weight:750;background:#f0ecff;border-radius:30px;padding:10px 14px;white-space:nowrap}.filters{background:#fff;padding:18px 20px;border:1px solid #ececf6;border-radius:20px;box-shadow:0 8px 30px rgba(32,35,66,.025);margin-bottom:28px}.tab-list{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #f1eff9}.tab-list button{border:0;background:#f5f5fb;color:#5d637e;font-weight:720;font-size:13px;padding:12px 18px;border-radius:11px}.tab-list button.active{background:#edeaff;color:var(--purple);box-shadow:inset 0 0 0 1px #d8d0ff}.filter-bottom{display:grid;grid-template-columns:1.5fr .65fr .75fr;gap:14px;margin-top:16px}.search-field{display:flex;align-items:center;gap:10px;color:#b0acc4;border:1px solid #ebeaf3;border-radius:11px;padding:0 15px;height:48px}.search-field:focus-within{border-color:#b0a2fa}.search-field input{border:0;outline:0;flex:1;min-width:0;font-size:13px;color:var(--ink)}.field-select{display:flex;align-items:center;gap:9px;border:1px solid #ebeaf3;border-radius:11px;padding:0 13px;background:white;min-width:0}.field-select span{font-size:11px;color:#9a9ab0;white-space:nowrap}.field-select select{flex:1;min-width:0;width:100%;border:0;outline:0;color:#565b76;font-size:12px;font-weight:650;background:transparent}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.media-card{background:white;border:1px solid #ecebf5;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #26264506;transition:transform .18s,box-shadow .18s}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-visual{height:194px;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.card-visual::before,.card-visual::after{content:"";position:absolute;border-radius:50%;border:2px solid #ffffff5d;width:235px;height:235px;z-index:-1}.card-visual::before{right:-52px;top:-120px}.card-visual::after{left:-65px;bottom:-158px}.card-visual.game{background:linear-gradient(115deg,#785fe7,#a189f7)}.card-visual.media{background:linear-gradient(120deg,#f6a453,#ffc57a)}.card-visual.lab{background:linear-gradient(130deg,#23a6a6,#65d6c8)}.visual-emoji{font-size:91px;filter:drop-shadow(0 13px 12px #1b18582a);transform:rotate(-6deg);position:relative;z-index:1}.card-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-visual.has-thumbnail::before{display:none}.card-visual.has-thumbnail::after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(0deg,rgba(15,29,58,.46),transparent 68%);z-index:0}.card-visual.has-thumbnail .visual-top{z-index:2}.card-visual.has-thumbnail .visual-spark{z-index:2}.visual-top{position:absolute;top:15px;left:15px;background:#ffffffdf;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:850;color:#555171}.visual-spark{position:absolute;right:24px;top:24px;font-size:21px;color:white}.card-content{padding:22px}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:15px}.card-meta span{font-size:10px;font-weight:800;border-radius:7px;padding:6px 9px;background:#f2f0fd;color:#6b5ce7}.card-meta span:last-child{background:#f4f6fa;color:#7d849c}.card-content h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.card-content p{font-size:13px;color:var(--muted);line-height:1.7;min-height:67px;margin:0 0 20px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1eff8;padding-top:15px;gap:8px}.subject-pill{font-size:12px;color:#858ba0;font-weight:650}.play-btn{border:0;background:var(--play-btn-bg,var(--purple));color:var(--play-btn-text,#fff);border-radius:10px;padding:11px 13px;font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;opacity:1;visibility:visible;transition:background .18s,color .18s,transform .18s,box-shadow .18s;box-shadow:0 4px 10px color-mix(in srgb,var(--play-btn-bg,var(--purple)) 18%,transparent)}.play-btn:hover,.play-btn:focus-visible{background:var(--play-btn-hover-bg,#1746a2);color:var(--play-btn-hover-text,#fff);transform:translateY(-1px);box-shadow:0 6px 14px color-mix(in srgb,var(--play-btn-hover-bg,#1746a2) 24%,transparent)}.loading-msg{grid-column:1/-1;padding:65px 10px;text-align:center;color:#959bb1}.empty-state{text-align:center;padding:60px 10px}.empty-state span{font-size:44px}.empty-state h3{margin:11px 0}.empty-state p{color:var(--muted)}.empty-state .btn{margin-top:15px}
.feature-section{padding:88px 0 95px;background:#f3f1ff;scroll-margin-top:80px}.feature-heading{text-align:center;max-width:590px;margin:0 auto 37px}.feature-heading h2{margin-top:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{padding:30px;background:white;border-radius:19px;border:1px solid #e9e4ff}.feature-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;font-size:29px;margin-bottom:22px}.feature-icon.orange{background:#fff1da}.feature-icon.violet{background:#f0eaff}.feature-icon.teal{background:#dff8f3}.feature-grid h3{font-size:18px;margin-bottom:10px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.how-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding-top:104px;padding-bottom:105px;scroll-margin-top:80px}.how-section h2{margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.steps>div{border-top:3px solid #dcd7ff;padding-top:19px}.steps span{display:block;color:#9d8df3;font-size:27px;font-weight:900;margin-bottom:11px}.steps strong{font-size:14px;display:block;margin-bottom:9px}.steps p{font-size:12px;color:var(--muted);line-height:1.7}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-row{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row p,.footer-row>span{color:#8890a4;font-size:12px;margin:0}.brand-footer{font-size:20px;white-space:nowrap}.brand-footer .brand-icon{width:30px;height:30px;font-size:21px;border-radius:9px}
.player-modal{width:min(1200px,96vw);height:min(850px,92dvh);max-width:none;max-height:none;position:fixed;padding:0;border:0;border-radius:18px;box-shadow:0 30px 100px #14142970;overflow:hidden;background:#f7f7fc}.player-modal::backdrop{background:rgba(15,17,40,.76);backdrop-filter:blur(7px)}.player-top{height:75px;padding:13px 19px 13px 24px;background:#fff;border-bottom:1px solid #eeedf5;display:flex;justify-content:space-between;align-items:center;gap:16px}.player-top>div:first-child{display:flex;flex-direction:column;gap:4px}.player-overline{color:var(--purple);font-size:9px;letter-spacing:1.1px;font-weight:850}.player-top strong{font-size:16px;white-space:nowrap;max-width:65vw;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:8px}.player-controls button{border:1px solid #e7e6f1;border-radius:9px;background:white;color:#51546d;font-size:12px;font-weight:720;padding:10px 13px}.player-controls button:hover{background:#e9f1ff}.player-controls .close-player{font-size:17px}.player-modal iframe{display:block;width:100%;height:calc(100% - 75px);border:0;background:white}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:150;max-width:min(460px,calc(100vw - 32px));text-align:center;background:#202342;color:white;border-radius:13px;padding:14px 19px;font-size:13px;box-shadow:0 16px 30px #0003}
/* Admin */
.admin-body{background:#f8f9ff}.admin-head-right{display:flex;align-items:center;gap:20px}.text-btn{border:0;background:transparent;color:#777d98;font-weight:750}.admin-main{padding-top:50px;padding-bottom:90px;min-height:calc(100vh - 79px)}.login-card{width:min(480px,100%);margin:60px auto;padding:42px;background:white;border:1px solid var(--line);border-radius:24px;text-align:center;box-shadow:var(--shadow)}.login-icon{font-size:40px;background:#e9f1ff;width:75px;height:75px;display:grid;place-items:center;border-radius:23px;margin:0 auto 22px}.login-card h1{font-size:27px;letter-spacing:-1px;margin:13px 0 11px}.login-card>p{line-height:1.7;color:var(--muted);font-size:13px}.login-card form{text-align:left;margin-top:30px}.form-label{display:block;color:#3b415c;font-size:12px;font-weight:800;margin:18px 0 9px}.form-label b{color:var(--purple)}.login-card input,.admin-panel input:not([type="checkbox"]):not([type="file"]),.admin-panel textarea,.admin-panel select{width:100%;min-width:0;border-radius:10px;background:#fff;border:1px solid #e3e6f0;padding:13px 14px;color:#303552;outline:0;font-size:13px}.login-card input:focus,.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:#8db1ff;box-shadow:0 0 0 3px #e9f1ff}.login-card .btn{margin-top:17px;width:100%}.login-note{border-top:1px solid #eeeef6;margin-top:29px;padding-top:20px;font-size:11px;color:#8c90a3;line-height:1.75;text-align:left}.login-note code{font-size:10px}.form-error{color:#c63757!important;font-weight:750;margin:13px 0 0}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-welcome h1{font-size:36px;letter-spacing:-1.4px;margin:10px 0}.admin-welcome h1 span{color:#f4b949}.admin-welcome p{color:var(--muted);font-size:14px;line-height:1.6}.admin-bubble{background:#e9f1ff;padding:20px 25px;border-radius:18px;color:#2458b5;font-size:13px;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.admin-stats>div{background:white;border:1px solid #ecebf6;border-radius:16px;padding:21px 23px;display:flex;align-items:center;justify-content:space-between}.admin-stats span{font-size:13px;color:#7e859b}.admin-stats strong{font-size:28px;color:var(--purple)}.admin-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:23px}.admin-panel{background:white;border:1px solid #ecebf6;border-radius:20px;padding:28px;box-shadow:0 6px 32px #25244b05}.panel-heading{display:flex;align-items:center;gap:14px;padding-bottom:19px;border-bottom:1px solid #f0eff8}.panel-icon{width:47px;height:47px;background:#eaf1ff;display:grid;place-items:center;border-radius:13px;font-size:24px}.panel-heading h2{font-size:19px;letter-spacing:-.5px;margin:0 0 6px}.panel-heading p{font-size:12px;color:#969ab0;margin:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-panel textarea{resize:vertical}.drop-zone{border:2px dashed #c6d7ff;border-radius:14px;background:#f6f9ff;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;transition:background .2s}.drop-zone:hover,.drop-zone.drag-over{background:#eaf1ff}.drop-zone input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.drop-icon{font-size:32px}.drop-zone strong{font-size:13px;color:#2454b8;overflow-wrap:anywhere}.drop-zone small{font-size:11px;color:#8390a6}.check-line{display:flex;gap:10px;align-items:center;margin-top:19px;color:#53596f;font-size:12px;font-weight:700}.check-line input{accent-color:var(--purple);width:17px;height:17px}.upload-hint{background:#effbfa;color:#5d8d89;font-size:11px;line-height:1.7;border-radius:10px;padding:13px;margin:18px 0}.submit-upload{width:100%}.submit-upload:disabled{opacity:.6;cursor:wait;transform:none}.form-feedback{margin-top:13px;font-size:12px;background:#ecfaf2;border:1px solid #c7edda;border-radius:10px;padding:12px;color:#236449}.form-feedback.error{background:#fff1f3;border-color:#f2ccd4;color:#ab3852}.admin-items{display:flex;flex-direction:column;gap:13px;margin-top:19px}.admin-item{border:1px solid #eaeaf3;border-radius:13px;padding:15px}.admin-item-header{display:flex;gap:12px;align-items:center}.admin-item-emoji{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;font-size:25px;flex-shrink:0}.admin-item-header strong{font-size:13px;display:block;line-height:1.3}.admin-item-header small{font-size:10px;color:#989eaf;display:block;margin-top:6px}.status{margin-left:auto;font-size:10px;font-weight:850;white-space:nowrap;padding:6px 8px;border-radius:8px;background:#fdf3df;color:#ab822c}.status.live{background:#e6f8ef;color:#209267}.admin-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.admin-actions button{background:#f6f6fb;border:1px solid #eeedf5;border-radius:8px;color:#555b74;padding:8px 10px;font-size:11px;font-weight:750}.admin-actions button:hover{background:#efecff;color:#5d4bc7}.admin-actions .danger{color:#ca4860}.admin-footnote{font-size:12px;color:#8b8fa3;margin-top:26px;line-height:1.8}.admin-footnote strong{color:#575c75}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:55px}.hero-art{min-height:390px}.float-chip.chip-one{right:-10px}.metric-row{grid-template-columns:repeat(3,1fr)}.metric-caption{display:none}.card-grid{gap:15px}.card-content{padding:17px}.filter-bottom{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}}
@media(max-width:760px){.shell{width:min(100% - 34px,600px)}.site-header{height:69px}.brand{font-size:22px}.brand-icon{width:34px;height:34px;font-size:23px}.nav-links{display:none}.nav-admin{padding:10px 12px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:43px;padding-bottom:45px;min-height:0}.hero h1{font-size:clamp(43px,10vw,62px);letter-spacing:-2.3px}.hero-text>p{font-size:15px}.hero-art{min-height:380px;margin-top:5px}.hero-art::before{inset:8px 7px}.board{width:min(390px,85%)}.chip-one{right:0}.chip-two{left:0}.metric-row{grid-template-columns:repeat(3,1fr);min-height:100px}.metric-row>div:not(:last-child){height:auto;margin-right:8px;gap:6px;flex-direction:column;justify-content:center}.metric-row span:not(.metric-emoji){font-size:10px}.metric-row strong{font-size:24px}.metric-emoji{font-size:22px}.collection{padding:63px 0}.section-heading{align-items:start;flex-direction:column}.section-heading h2,.feature-heading h2,.how-section h2{font-size:31px}.filters{padding:13px}.tab-list{gap:8px}.tab-list button{font-size:11px;padding:11px}.filter-bottom{display:grid;grid-template-columns:1fr 1fr}.field-select{min-height:48px}.field-select span{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual{height:145px}.visual-emoji{font-size:68px}.card-content h3{font-size:16px}.card-content p{font-size:12px;min-height:78px}.feature-section{padding:60px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:25px}.how-section{grid-template-columns:1fr;gap:30px;padding:68px 0}.steps{gap:10px}.footer-row{flex-wrap:wrap;justify-content:center;text-align:center;padding:28px 0}.admin-main{padding-top:38px}.admin-welcome{align-items:start}.admin-bubble{display:none}.admin-welcome h1{font-size:30px}.admin-columns{grid-template-columns:1fr}.admin-panel{padding:22px}}
@media(max-width:490px){.hero-art{min-height:330px}.board{padding:16px;width:91%}.math-title{font-size:20px;margin:21px 0}.float-chip{padding:8px;font-size:20px}.float-chip strong{font-size:11px}.float-chip small{font-size:9px}.chip-one{top:12px}.chip-two{bottom:5px}.hero-actions{gap:8px}.hero-actions .btn{font-size:12px;padding:14px 16px}.eyebrow{font-size:9px}.card-grid{grid-template-columns:1fr}.card-visual{height:190px}.card-content p{min-height:unset}.filters{padding:12px}.tab-list button{font-size:10px;padding:10px 9px}.filter-bottom{gap:9px}.search-field input{font-size:12px}.steps{grid-template-columns:1fr}.steps>div{padding-top:10px}.player-top{height:64px;padding:10px}.player-top strong{font-size:13px}.player-controls button span{display:none}.player-modal iframe{height:calc(100% - 64px)}.admin-stats{gap:7px}.admin-stats>div{padding:13px;flex-direction:column;gap:9px;align-items:start}.admin-stats span{font-size:10px}.admin-stats strong{font-size:24px}.form-pair{grid-template-columns:1fr}.admin-panel{padding:17px}.login-card{margin:20px auto;padding:28px}}

.version-note{display:inline-block!important;margin-top:9px!important;padding:7px 10px;border-radius:8px;background:#e9fbf5;color:#17795b!important;font-size:12px!important;font-weight:750;line-height:1.4!important}

/* Inspirasi Belajar v2.0 — customizable theme and site settings */
.brand-name{color:var(--ink);font-size:inherit;letter-spacing:-.8px}.brand-icon{background:var(--purple);box-shadow:0 5px 14px color-mix(in srgb,var(--purple) 22%,transparent)}
.brand-icon.has-image{padding:3px;background:#fff;border:1px solid var(--line);overflow:hidden}.site-logo-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.hero h1 span{background:linear-gradient(102deg,var(--purple),var(--violet));background-clip:text;color:transparent}.hero-art::before{background:color-mix(in srgb,var(--purple) 12%,white)}.eyebrow{background:color-mix(in srgb,var(--purple) 9%,white);color:var(--purple)}.eyebrow-dot{background:var(--purple)}.btn-primary{background:var(--purple);box-shadow:0 8px 20px color-mix(in srgb,var(--purple) 24%,transparent)}.btn-primary:hover{box-shadow:0 12px 24px color-mix(in srgb,var(--purple) 30%,transparent)}
.section-overline,.eyebrow,.board-caption,.brand-color{color:var(--purple)}.board-logo{background:var(--purple)}.math-title span{color:var(--purple)}.progress-track span{background:linear-gradient(90deg,var(--violet),var(--purple))}.nav-links a:hover,.nav-admin:hover{color:var(--purple)}.nav-admin{border-color:color-mix(in srgb,var(--purple) 15%,white)}.tab-list button.active{background:var(--purple)}.play-btn{background:var(--play-btn-bg,var(--purple));color:var(--play-btn-text,#fff)}.play-btn:hover,.play-btn:focus-visible{background:var(--play-btn-hover-bg,#1746a2);color:var(--play-btn-hover-text,#fff)}.feature-icon.teal{background:color-mix(in srgb,var(--teal) 12%,white)}.upload-hint{background:color-mix(in srgb,var(--teal) 7%,white)}.settings-panel{margin-bottom:28px}
.site-settings-panel{margin:24px 0 28px;padding:25px}.settings-group{border:1px solid var(--line);border-radius:12px;margin-top:13px;padding:0 15px;background:#fff}.settings-group summary{cursor:pointer;list-style:none;padding:15px 0;font-size:13px;font-weight:800;color:var(--ink)}.settings-group summary::-webkit-details-marker{display:none}.settings-group summary::after{content:'＋';float:right;color:var(--purple)}.settings-group[open] summary::after{content:'−'}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0 0 16px}.settings-grid>div{min-width:0}.settings-grid .settings-span{grid-column:1/-1}.settings-grid .form-label{margin-top:13px}.settings-grid input:not([type=color]),.settings-grid textarea{width:100%;border:1px solid #e3e8f2;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;color:var(--ink);background:#fff}.settings-grid input[type=color]{display:block;width:100%;height:42px;border:1px solid #e3e8f2;border-radius:9px;padding:4px;background:#fff;cursor:pointer}.settings-grid input:focus,.settings-grid textarea:focus{outline:0;border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,white)}.settings-help{font-size:12px;line-height:1.6;color:var(--muted)}.logo-upload{grid-column:1/-1}.logo-upload input[type=file]{display:block;width:100%;font-size:12px;margin:6px 0 10px}.logo-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-action-btn{border:1px solid var(--line);border-radius:9px;background:#f8faff;color:var(--ink);padding:10px 13px;font-size:12px;font-weight:750}.admin-action-btn:hover{border-color:var(--purple);color:var(--purple)}.admin-action-btn.danger{color:#b93850}.logo-upload small{display:block;color:var(--muted);margin-top:8px;font-size:11px}.settings-submit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.settings-submit-row .btn{padding:13px 18px}.settings-feedback{font-size:12px;color:var(--muted)}.settings-feedback.success{color:#137c59}.settings-feedback.error{color:#b93850}.settings-submit-row button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.site-settings-panel{padding:17px}.settings-grid{grid-template-columns:1fr}.settings-grid .settings-span,.logo-upload{grid-column:auto}.settings-submit-row{align-items:stretch;flex-direction:column}.settings-submit-row button{width:100%}}

/* Dynamic theme details */
.login-icon,.panel-icon,.admin-item-emoji{background:var(--brand-soft,#e9f1ff)}.drop-zone{border-color:color-mix(in srgb,var(--purple) 28%,white);background:color-mix(in srgb,var(--purple) 3%,white)}.drop-zone:hover,.drop-zone.drag-over{background:color-mix(in srgb,var(--purple) 8%,white)}.drop-zone strong{color:var(--purple)}.admin-actions button:hover{background:color-mix(in srgb,var(--purple) 9%,white);color:var(--purple)}.login-icon{color:var(--purple)}

.admin-body{background:var(--bg)}

/* Inspirasi Belajar v2.3 — thumbnails, accessible play buttons, visual page builder */
.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}.admin-sidebar{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 10px 28px rgba(28,48,88,.04);display:flex;flex-direction:column;gap:5px}.admin-side-link{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#64718a;text-align:left;padding:13px 12px;border-radius:11px;font-size:13px;font-weight:750}.admin-side-link span{width:23px;text-align:center;font-size:17px}.admin-side-link:hover,.admin-side-link.active{background:color-mix(in srgb,var(--purple) 9%,white);color:var(--purple)}.admin-tab-content{min-width:0}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block}.admin-tab-panel .site-settings-panel{margin-top:0}.overview-panel{padding:25px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.quick-actions .btn,.quick-actions .admin-action-btn{min-height:43px}.overview-tip,.builder-intro{background:color-mix(in srgb,var(--purple) 5%,white);border:1px solid color-mix(in srgb,var(--purple) 12%,white);border-radius:12px;padding:15px 16px;margin-top:20px;color:#596b86;font-size:12px;line-height:1.75}.overview-tip strong,.builder-intro b{color:var(--ink)}.admin-tab-panel>.admin-stats{margin:0 0 17px}.admin-tab-panel .admin-columns{margin-top:0}.builder-panel{padding:24px;margin-bottom:26px}.builder-intro{display:flex;flex-direction:column;gap:5px;margin:17px 0 20px}.builder-subpanel{border:1px solid var(--line);border-radius:15px;padding:17px;margin-top:15px;background:#fff}.builder-subhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.builder-subhead h3{margin:0 0 5px;font-size:15px;letter-spacing:-.2px}.builder-subhead p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.builder-list{display:flex;flex-direction:column;gap:10px}.builder-row,.builder-card{border:1px solid #e9edf5;border-radius:12px;padding:13px;background:#fcfdff;min-width:0}.builder-row{display:flex;align-items:center;gap:12px}.builder-row-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.builder-row-main strong{font-size:13px}.builder-row-main small{font-size:11px;color:var(--muted);line-height:1.5}.builder-row-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.builder-row-actions button{border:1px solid var(--line);background:#fff;color:#53627a;border-radius:8px;min-width:32px;height:31px;padding:0 8px;font-weight:800}.builder-row-actions button:hover:not(:disabled){border-color:var(--purple);color:var(--purple)}.builder-row-actions button:disabled{opacity:.35;cursor:not-allowed}.builder-row-actions .danger,.danger{color:#b93850}.builder-check{display:flex;align-items:center;flex-shrink:0}.builder-check input,.builder-check-inline input{accent-color:var(--purple);width:17px;height:17px}.builder-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.builder-card-head strong,.builder-card-head b{font-size:13px}.builder-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.builder-fields label{display:flex;flex-direction:column;gap:6px;color:#56637b;font-size:11px;font-weight:750;min-width:0}.builder-fields input:not([type=file]):not([type=checkbox]):not([type=color]),.builder-fields textarea,.builder-fields select{width:100%;border:1px solid #e1e7f1;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;font:inherit;font-size:12px;font-weight:500;min-width:0}.builder-fields input[type=color]{width:100%;height:38px;border:1px solid #e1e7f1;border-radius:9px;background:#fff;padding:3px}.builder-fields textarea{resize:vertical;line-height:1.6}.builder-fields input:focus,.builder-fields textarea:focus,.builder-fields select:focus{outline:0;border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 10%,white)}.builder-fields .field-wide{grid-column:1/-1}.builder-check-inline{flex-direction:row!important;align-items:center;gap:8px!important}.builder-empty{font-size:12px;color:var(--muted);padding:10px 0}.builder-note{border:1px solid #dce8ff;background:#f4f8ff;padding:12px;border-radius:10px;font-size:12px;color:#536b91}.image-editor-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.builder-image-preview{width:130px;height:92px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:5px}.builder-image-preview.hero-preview{width:min(250px,100%);height:150px;object-fit:cover}.builder-image-placeholder{display:grid;place-items:center;min-width:130px;min-height:80px;padding:12px;border:1px dashed #cdd7e8;border-radius:10px;background:#f7f9fd;color:#75839a;font-size:11px;text-align:center}.image-editor-controls{display:flex;align-items:flex-start;gap:8px;flex-direction:column}.image-editor-controls small{font-size:10px;line-height:1.6;color:var(--muted);max-width:260px}.file-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.file-pick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-pick.uploading{opacity:.55}.section-cards-editor{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.nested-card{border:1px solid #e8edf5;background:#fff;border-radius:10px;padding:12px;margin-top:10px}.nested-card .builder-image-preview{margin-top:8px}.builder-save-row{position:sticky;bottom:0;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 -5px 22px rgba(30,44,78,.05);padding:13px;border-radius:12px;z-index:4}.builder-save-row .settings-feedback{flex:1}.admin-head-right{display:flex;align-items:center;gap:12px}
.hero-art.has-custom-image{min-height:0;padding:18px}.hero-art.has-custom-image::before,.hero-art.has-custom-image::after{display:none}.hero-art.has-custom-image>*:not(.hero-custom-image){display:none!important}.hero-custom-image{display:block;width:100%;max-width:600px;max-height:470px;object-fit:contain;border-radius:20px;box-shadow:0 22px 55px rgba(37,71,140,.12)}.feature-image{display:block;width:100%;height:145px;object-fit:cover;border-radius:13px;margin-bottom:17px}.custom-section{padding:70px 0;scroll-margin-top:95px}.custom-section h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1.2px;line-height:1.2;margin:12px 0}.custom-section p{color:var(--muted);font-size:14px;line-height:1.85;max-width:800px}.custom-text-inner{max-width:900px}.custom-section-image .custom-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.custom-section-image .custom-section-image{width:100%;max-height:440px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.custom-section-cta .custom-cta-inner{padding:35px;border:1px solid color-mix(in srgb,var(--purple) 12%,white);background:color-mix(in srgb,var(--purple) 5%,white);border-radius:22px}.custom-section-cards .custom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.custom-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(25,42,83,.035)}.custom-card img{width:100%;height:150px;object-fit:cover;border-radius:11px;margin-bottom:13px}.custom-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--purple) 9%,white);font-size:26px;margin-bottom:14px}.custom-card h3{font-size:16px;margin-bottom:8px}.custom-card p{font-size:12px;margin-bottom:0}.custom-section .btn{margin-top:12px}
@media(max-width:1000px){.admin-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.admin-sidebar{top:85px}.custom-section-cards .custom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.admin-side-link{padding:11px 9px;font-size:11px}.admin-side-link span{font-size:15px;width:18px}.builder-panel{padding:16px}.builder-subpanel{padding:12px}.builder-subhead{align-items:flex-start;flex-direction:column}.builder-fields{grid-template-columns:1fr}.builder-fields .field-wide{grid-column:auto}.builder-row{align-items:flex-start}.builder-row-actions{justify-content:flex-end}.builder-card-head{align-items:flex-start}.builder-save-row{position:static}.custom-section{padding:48px 0}.custom-section-image .custom-split{grid-template-columns:1fr;gap:22px}.custom-section-cards .custom-cards{grid-template-columns:1fr}.custom-section-cta .custom-cta-inner{padding:23px}.hero-art.has-custom-image{padding:4px}.hero-custom-image{max-height:330px}}
.custom-text-inner>.custom-section-image{display:block;max-width:100%;max-height:480px;object-fit:contain;border-radius:18px;margin:24px 0}

/* v2.3 media thumbnails and always-visible play controls */
.thumbnail-upload-box{border:1px solid var(--line);border-radius:13px;background:#fbfcff;padding:13px}.thumbnail-pick{display:flex;align-items:center;gap:12px;border:1px dashed #cbd8f2;border-radius:10px;padding:14px;cursor:pointer;background:#fff}.thumbnail-pick:hover{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 3%,white)}.thumbnail-pick input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.thumbnail-upload-icon{font-size:28px}.thumbnail-pick strong,.thumbnail-pick small{display:block}.thumbnail-pick strong{font-size:12px;color:var(--purple)}.thumbnail-pick small{font-size:10px;color:var(--muted);margin-top:4px}.thumbnail-preview-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.thumbnail-preview-wrap img{width:170px;height:96px;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:#fff}.admin-item-thumb{width:104px;height:68px;flex-shrink:0;overflow:hidden;border-radius:10px;background:linear-gradient(125deg,#2463eb,#7da8ff);display:grid;place-items:center;font-size:30px;position:relative}.admin-item-thumb.media{background:linear-gradient(125deg,#f4a34e,#ffd58b)}.admin-item-thumb.lab{background:linear-gradient(125deg,#159d9c,#83e0d1)}.admin-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-item-header>div:nth-child(2){min-width:0;flex:1}.admin-item-header strong{overflow-wrap:anywhere}.admin-item-header .status{align-self:flex-start}.admin-item-header{align-items:flex-start}.admin-actions button[data-action=thumbnail]{color:#2458b5;background:#edf4ff}.admin-actions button[data-action=thumbnail]:hover{background:#dceaff;color:#173f8e}
@media(max-width:490px){.admin-item-thumb{width:78px;height:58px}.admin-item-header{gap:8px}.admin-item-header .status{font-size:9px;padding:5px 6px}.thumbnail-preview-wrap img{width:100%;max-width:260px;height:auto;aspect-ratio:16/9}}


/* v2.3: taxonomy editor */
.taxonomy-panel{margin-top:22px}
.taxonomy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.taxonomy-list-box{min-width:0;padding:18px;border:1px solid var(--line,#e7eaf4);border-radius:18px;background:rgba(248,250,255,.7)}
.taxonomy-list-box h3{margin:0 0 6px;font-size:17px;color:var(--ink,#172b4d)}
.taxonomy-list-box .settings-help{margin:0 0 13px}
.taxonomy-add-row{display:flex;gap:8px;align-items:center}
.taxonomy-add-row input{flex:1;min-width:0}
.taxonomy-add-row .btn{white-space:nowrap;padding:10px 14px}
.taxonomy-options-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.taxonomy-chip{display:flex;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 12px;border:1px solid #dbe5fb;border-radius:999px;background:#fff;color:#27436d;font-size:13px}
.taxonomy-chip-label{overflow-wrap:anywhere}
.taxonomy-chip button{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:0;border-radius:50%;background:#eef3ff;color:#385b9c;font-size:17px;line-height:1;cursor:pointer}
.taxonomy-chip button:hover{background:#fee2e2;color:#b91c1c}
.taxonomy-note{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f0f7ff;color:#526b91;font-size:13px;line-height:1.6}
#taxonomy-feedback{white-space:pre-line}
.form-feedback{white-space:pre-line}
@media(max-width:760px){.taxonomy-columns{grid-template-columns:1fr}.taxonomy-add-row{align-items:stretch}.taxonomy-add-row .btn{padding-inline:10px}}


/* v2.4: public catalog pagination */
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.pagination-summary{font-size:12px;color:var(--muted);font-weight:650}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.page-btn{min-height:36px;min-width:36px;padding:8px 11px;border:1px solid #dfe6f2;border-radius:9px;background:#fff;color:#435575;font-size:12px;font-weight:750;transition:background .16s,color .16s,border-color .16s}.page-btn:hover:not(:disabled){background:color-mix(in srgb,var(--purple) 8%,white);border-color:var(--purple);color:var(--purple)}.page-btn.active{background:var(--purple);border-color:var(--purple);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--muted);padding:0 2px;font-size:12px}@media(max-width:600px){.catalog-pagination{align-items:flex-start;flex-direction:column}.pagination-controls{justify-content:flex-start;width:100%}.page-btn{padding:8px 9px}}


/* v2.5 multi-admin account management */
.optional-label{font-size:.78em;color:var(--muted,#7c879b);font-weight:500}
.role-notice{display:flex;flex-direction:column;gap:5px;margin:0 0 18px;padding:16px 18px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;font-size:14px}
.user-create-form{display:grid;gap:16px;padding:18px;border:1px solid var(--line,#e3e9f3);border-radius:16px;background:var(--surface,#fff)}
.user-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.user-create-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.user-create-grid small{font-size:12px;color:var(--muted,#7c879b);line-height:1.45}
.users-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}
.users-list-heading h3{margin:0;font-size:17px}
.upload-admin-list{display:grid;gap:12px}
.upload-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--line,#e3e9f3);border-radius:14px;background:var(--surface,#fff)}
.upload-admin-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.upload-admin-info strong{font-size:15px;overflow-wrap:anywhere}
.upload-admin-info span,.upload-admin-info small{font-size:12px;color:var(--muted,#7c879b);overflow-wrap:anywhere}
.upload-admin-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.user-create-grid{grid-template-columns:1fr}.upload-admin-row{grid-template-columns:1fr auto}.upload-admin-actions{grid-column:1/-1}}

/* Accessible show/hide password control */
.password-field{position:relative;width:100%;display:block}
.password-field input{width:100%;padding-right:48px!important}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#66718b;cursor:pointer;padding:6px}
.password-toggle:hover{background:#edf3ff;color:#2458b5}
.password-toggle:focus-visible{outline:2px solid #2463eb;outline-offset:2px}
.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Inspirasi Belajar 2.6 — official logo-aligned design refresh.
   All component colors follow the existing Appearance settings variables. */
:root{--brand-navy:#163251;--brand-blue:#2463eb;--brand-ice:#f6f9ff;--brand-border:#dde9f6;--shadow:0 18px 50px rgba(22,50,81,.075)}
body{background:var(--bg);color:var(--ink)}
.site-header{height:91px;background:rgba(255,255,255,.975);border-bottom:1px solid var(--brand-border);box-shadow:0 5px 25px rgba(26,55,90,.035)}
.nav-row{gap:20px}.brand{flex-shrink:0;gap:8px;letter-spacing:normal;font-weight:760;line-height:1.1;min-width:0}
.brand-icon,.brand-icon.has-image{display:flex;align-items:center;justify-content:flex-start;flex:none;width:210px;height:76px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;border-radius:0}
.brand-icon .site-logo-image{height:100%;width:100%;border-radius:0;object-fit:contain;object-position:left center}
.brand-name{display:none;color:var(--ink);font-size:21px;font-weight:830;letter-spacing:-.6px}
.brand-icon.icon-only{width:52px;height:52px}
.brand-name.visible-brand-name{display:block}
.brand-footer .brand-icon,.brand-footer .brand-icon.has-image{width:195px;height:75px}
.nav-links{gap:26px;font-size:13px;color:#425b76}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--purple)}
.nav-admin{background:#f6f9ff;border-color:#d8e5f8;color:#22456b;padding:11px 15px}
.nav-admin:hover{background:#edf4ff;color:var(--purple)}
.hero{min-height:600px;grid-template-columns:49% 51%;padding-top:60px;padding-bottom:85px}
.hero h1{font-size:clamp(47px,5vw,70px);line-height:1.09;max-width:610px;letter-spacing:-3.2px;color:var(--ink)}
.hero h1 span{background:linear-gradient(105deg,var(--purple) 15%,#4887f9 95%);background-clip:text;color:transparent}
.hero-text>p{font-size:16px;line-height:1.8;max-width:520px;color:#617791}
.eyebrow{background:color-mix(in srgb,var(--purple) 8%,white);border:1px solid color-mix(in srgb,var(--purple) 12%,white);letter-spacing:.4px;font-size:11px}
.hero .btn-primary{border-radius:12px;box-shadow:0 12px 24px color-mix(in srgb,var(--purple) 21%,transparent)}
.hero .btn-white{border:1px solid var(--brand-border);color:#214666}
.hero-proof{color:#70839b}
.hero-art{min-height:460px;max-width:630px;margin-left:8px}
.hero-art::before{inset:20px 2px 17px 2px;transform:rotate(-10deg);border-radius:45%;background:radial-gradient(ellipse at 38% 45%,color-mix(in srgb,var(--purple) 16%,white),#e8f3ff 78%)}
.hero-art::after{width:85%;height:82%;top:7%;right:0;border:1px dashed #b4d2fc}
.hero-ambient{position:absolute;pointer-events:none;z-index:-1}
.hero-ambient-one{width:18px;height:18px;top:8%;left:10%;border-radius:5px;background:#ffc264;transform:rotate(45deg)}
.hero-ambient-two{width:16px;height:16px;bottom:10%;right:4%;border-radius:50%;background:#6bcfc9}
.discovery-window{position:relative;width:min(495px,94%);background:white;border:1px solid #dbe7f7;border-radius:22px;overflow:hidden;box-shadow:0 26px 65px rgba(26,77,151,.13),0 3px 18px rgba(36,99,235,.05);transform:rotate(-2deg)}
.discovery-bar{height:62px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #edf1f9;font-size:13px;font-weight:780;color:var(--ink)}
.discovery-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f1f6ff}.discovery-symbol img{width:29px;height:29px;object-fit:contain}
.discovery-window-dots{display:flex;gap:5px;margin-left:auto}.discovery-window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d7e5f5}
.discovery-body{padding:24px 25px 27px}
.discovery-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--purple);font-weight:850;margin-bottom:14px}
.discovery-title{font-size:clamp(21px,2.5vw,29px);font-weight:870;letter-spacing:-1.15px;color:var(--ink);line-height:1.18;max-width:370px}
.discovery-title em{font-style:normal;color:var(--purple)}
.discovery-subtitle{margin-top:10px;color:#71859d;font-size:12px}
.discovery-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:27px}
.discovery-tile{min-width:0;min-height:139px;border:1px solid #e4ecfa;border-radius:14px;background:linear-gradient(160deg,#f8fbff,#fff);padding:18px 10px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:7px}
.discovery-tile:nth-child(2){background:linear-gradient(155deg,#f4f7ff,#fff)}.discovery-tile:nth-child(3){background:linear-gradient(155deg,#f0fbfa,#fff)}
.discovery-tile-emoji{width:53px;height:53px;display:grid;place-items:center;border-radius:17px;background:#e9f1ff;color:#245fd7;font-size:28px;font-weight:800}
.discovery-tile:nth-child(2) .discovery-tile-emoji{background:#eaf0ff}.discovery-tile:nth-child(3) .discovery-tile-emoji{background:#e3f8f7}
.discovery-tile strong{font-size:12px;color:var(--ink)}.discovery-tile small{font-size:10px;color:#7790a7;line-height:1.25}
.discovery-bottom{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:10px;color:#758ba6;font-weight:650}
.discovery-line{display:block;width:48px;height:5px;border-radius:20px;background:linear-gradient(90deg,var(--purple),#7bb0ff)}
.discovery-float{position:absolute;z-index:2;padding:12px 16px;border:1px solid #e2eafa;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(33,76,141,.13);font-size:12px;color:#254d78;font-weight:760;white-space:nowrap}
.discovery-float span{margin-right:5px}.discovery-float-top{top:13px;right:-8px;transform:rotate(5deg)}.discovery-float-bottom{bottom:23px;left:-8px;transform:rotate(-5deg)}
.metrics{border-color:#e6edf7}.metric-row>div:not(:last-child){border-color:#e6edf7}
.collection{padding-top:91px}.section-heading h2,.feature-heading h2,.how-section h2{letter-spacing:-1.45px;color:var(--ink)}
.collection-count{background:#eaf3ff;color:#2b5aa1}.filters{border:1px solid #e1eaf6;box-shadow:0 12px 30px rgba(36,82,142,.045)}
.tab-list button{background:#f1f6fd;color:#4e6481}.tab-list button.active{color:var(--purple);background:#e8f1ff;box-shadow:inset 0 0 0 1px #cfe0ff}
.card-grid{gap:22px}.media-card{border-color:#e1e9f5;box-shadow:0 8px 25px rgba(22,50,81,.04)}.media-card:hover{box-shadow:0 18px 45px rgba(22,66,112,.13)}
.card-visual.game{background:linear-gradient(135deg,#255cd1,#70a0ff)}.card-visual.media{background:linear-gradient(135deg,#3081e8,#9dd3ff)}.card-visual.lab{background:linear-gradient(135deg,#178ba0,#6bdbd3)}
.card-meta span{background:#ecf3ff;color:var(--purple)}.subject-pill{color:#54708e}
.feature-section{background:#f0f6ff}.feature-grid article{border:1px solid #dce9f9;box-shadow:0 12px 30px rgba(19,63,118,.045)}
.how-section{padding-top:87px;padding-bottom:89px}
.site-footer{border-color:#dfeaf6}.footer-row{min-height:118px}
.admin-body{background:linear-gradient(180deg,#f5f9ff 0%,#f9fbff 100%)}.admin-main{padding-top:44px}
.admin-welcome{background:linear-gradient(110deg,#f2f7ff,#ffffff);border:1px solid #e1eafa;border-radius:19px;padding:24px 28px}
.admin-welcome h1 span{color:var(--purple)}.admin-bubble{background:#e4efff;color:#2d5b9e}
.admin-sidebar{border-color:#dfe9f7;box-shadow:0 12px 32px rgba(22,50,81,.045)}
.admin-side-link.active,.admin-side-link:hover{background:#e8f1ff;color:var(--purple)}
.admin-panel,.login-card{border-color:#dfebf8;box-shadow:0 12px 34px rgba(22,50,81,.045)}
.login-icon{background:#e9f1ff;color:var(--purple)}
.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:var(--purple)}
.brand-footer{flex-shrink:0}
.hero-art.has-custom-image::before,.hero-art.has-custom-image::after{display:none}
.hero-art.has-custom-image .hero-custom-image{border-radius:16px;box-shadow:none;max-height:480px}
@media(max-width:1050px){.nav-links{gap:15px}.brand-icon,.brand-icon.has-image{width:185px;height:69px}.hero-art{margin-left:0}.discovery-float-top{right:0}.discovery-float-bottom{left:0}}
@media(max-width:760px){.site-header{height:auto;min-height:77px}.nav-row{min-height:77px}.brand-icon,.brand-icon.has-image{width:164px;height:63px}.nav-links{gap:8px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:54px;gap:30px}.hero h1{font-size:clamp(43px,9vw,62px)}.hero-art{min-height:402px;width:100%;margin:0}.discovery-window{width:min(500px,89%)}.discovery-body{padding:18px}.discovery-tile{min-height:117px;padding:12px 7px}.discovery-tile-emoji{width:43px;height:43px;font-size:23px}.discovery-tile strong{font-size:11px}.discovery-float{font-size:10px;padding:10px}.footer-row .brand-icon{width:180px}.admin-welcome{padding:18px}}
@media(max-width:500px){.brand-icon,.brand-icon.has-image{width:150px;height:56px}.nav-admin{font-size:11px;padding:9px 10px}.hero-art{min-height:335px}.discovery-window{width:95%;border-radius:16px}.discovery-bar{height:48px;padding:0 13px;font-size:11px}.discovery-body{padding:15px}.discovery-eyebrow{font-size:8px}.discovery-title{font-size:20px}.discovery-subtitle{font-size:10px}.discovery-tile-grid{gap:7px;margin-top:18px}.discovery-tile{min-height:105px;border-radius:10px;padding:9px 4px;gap:5px}.discovery-tile-emoji{width:38px;height:38px;font-size:21px}.discovery-tile strong{font-size:10px}.discovery-tile small{font-size:9px}.discovery-bottom{font-size:9px;margin-top:17px}.discovery-float{display:none}.footer-row .brand-icon{width:165px}}

/* Default login mark matches the official supplied logo */
.login-icon img{display:block;width:57px;height:57px;object-fit:contain}

/* v2.8.1 — logo wordmark spacing fix. The tagline is NOT part of the logo. */
:root{--brand-first-color:#163251;--brand-second-color:#2463EB}
.site-header{min-height:96px}
.nav-row{min-height:90px;padding:8px 0}
.brand,.brand-footer{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px!important;min-width:0;white-space:nowrap;line-height:1.08!important;text-decoration:none;overflow:visible;padding:3px 0}
.brand .brand-icon,.brand .brand-icon.has-image,.brand .brand-icon.icon-only,
.brand-footer .brand-icon,.brand-footer .brand-icon.has-image{display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;max-width:58px;max-height:58px;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
.brand .brand-icon .site-logo-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;display:block}
.brand .brand-wordmark,.brand-footer .brand-wordmark{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;max-width:min(245px,30vw);font-weight:850;letter-spacing:-.8px;text-align:left;line-height:1.06;overflow:visible;padding:4px 0}
.brand .brand-word-one,.brand .brand-word-two,.brand-footer .brand-word-one,.brand-footer .brand-word-two{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.04;padding:1px 0}
.brand .brand-word-one{font-size:clamp(16px,1.8vw,23px);color:var(--brand-first-color)}
.brand .brand-word-two{font-size:clamp(18px,2.1vw,27px);color:var(--brand-second-color)}
.brand-footer .brand-icon,.brand-footer .brand-icon.has-image{flex-basis:51px;width:51px;height:51px;max-width:51px;max-height:51px}
.brand-footer .brand-wordmark{max-width:230px}
.brand-footer .brand-word-one{font-size:20px}.brand-footer .brand-word-two{font-size:23px}
.brand-config-intro{background:linear-gradient(115deg,#f3f8ff,#fff);border:1px solid #dbe7f9;border-radius:13px;padding:16px}
.brand-config-intro>p{color:#60728b;font-size:12px;line-height:1.6;max-width:660px;margin:6px 0 12px}
.brand-preview-frame{display:inline-flex;align-items:center;gap:10px;background:white;border:1px solid #dce5f3;border-radius:12px;padding:12px 17px;max-width:100%;box-shadow:0 4px 16px rgba(22,50,81,.05)}
.brand-preview-frame .brand-icon,.brand-preview-frame .brand-icon.has-image{display:flex;align-items:center;justify-content:center;width:65px;height:65px;flex:0 0 65px;border:0;background:transparent;padding:0;box-shadow:none}
.brand-preview-frame .site-logo-image{object-fit:contain;width:100%;height:100%}
.brand-preview-frame .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;font-size:23px;font-weight:850;letter-spacing:-.7px;line-height:1.06;overflow:visible;padding:3px 0}
.brand-preview-frame .brand-word-one,.brand-preview-frame .brand-word-two{display:block;line-height:1.04;padding:1px 0}
.brand-preview-frame .brand-word-one{color:var(--brand-first-color)}.brand-preview-frame .brand-word-two{color:var(--brand-second-color);font-size:26px}
@media(max-width:1050px){.brand .brand-icon,.brand .brand-icon.has-image,.brand .brand-icon.icon-only{width:49px;height:49px;flex-basis:49px;max-width:49px;max-height:49px}.brand .brand-wordmark,.brand-footer .brand-wordmark{max-width:220px}.brand .brand-word-one{font-size:18px}.brand .brand-word-two{font-size:21px}}
@media(max-width:760px){.site-header{min-height:82px}.nav-row{min-height:78px;padding:6px 0}.brand{gap:6px!important}.brand .brand-icon,.brand .brand-icon.has-image,.brand .brand-icon.icon-only{width:43px;height:43px;flex-basis:43px;max-width:43px;max-height:43px}.brand .brand-wordmark{max-width:180px;padding:3px 0}.brand .brand-word-one{font-size:15px}.brand .brand-word-two{font-size:18px}.footer-row{gap:10px}}
@media(max-width:420px){.brand .brand-icon,.brand .brand-icon.has-image,.brand .brand-icon.icon-only{width:36px;height:36px;flex-basis:36px;max-width:36px;max-height:36px}.brand .brand-wordmark{max-width:136px}.brand .brand-word-one{font-size:13px}.brand .brand-word-two{font-size:16px}.site-header .nav-admin{font-size:10px;padding:8px}.brand-preview-frame .brand-wordmark{font-size:18px}.brand-preview-frame .brand-word-two{font-size:21px}}
/* v3.0 upload progress, curator tools, and accessibility fixes */
.upload-progress-wrap{margin:16px 0;padding:13px 16px;background:#f1f6ff;border:1px solid #cfe0ff;border-radius:12px}
.upload-progress-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;font-size:12px;color:#163251}
.upload-progress-wrap progress{width:100%;height:13px;accent-color:#2463eb;margin-bottom:9px}
.report-dialog{border:1px solid #dce6f5;border-radius:18px;max-width:min(94vw,500px);width:100%;padding:25px;box-shadow:0 24px 80px #122c4d44;color:#163251}
.report-dialog::backdrop{background:rgba(16,34,55,.57)}
.report-form{display:grid;gap:10px}.report-form h2{font-size:23px;margin:0}.report-form p{color:#69768a;font-size:13px;margin:3px 0 8px}
.report-form label{font-size:13px;font-weight:760}.report-form select,.report-form textarea,.security-form input{border:1px solid #d7e1f0;border-radius:9px;padding:12px;font:inherit;width:100%;min-width:0}
.report-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}
.report-trigger{border:0;background:none;color:#667d9a;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:2px;margin-top:10px;padding:5px 0}
.report-trigger:hover,.report-trigger:focus-visible{color:#1c60dd}
.featured-tag{font-weight:800;color:#9d580d!important;background:#fff4d4;border-radius:8px;padding:3px 8px}
.admin-feature-editor{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 8px;padding:10px;background:#f5f8fe;border-radius:10px;font-size:12px}
.admin-feature-editor input[type=number]{width:86px;padding:8px;border-radius:8px;border:1px solid #dce6f4}
.admin-feature-editor label{display:flex;gap:6px;align-items:center}
.report-list{display:grid;gap:12px;margin:18px 0}.report-record{border:1px solid #dce5f1;padding:13px 16px;border-radius:12px;background:#fff;display:grid;gap:6px}
.report-record strong{font-size:14px}.report-record small{color:#68809d}.report-record p{font-size:13px;color:#50617a;margin:2px 0}.report-record button{justify-self:start}
.security-form{display:grid;gap:10px;max-width:470px;margin:24px 0}.security-form h3{margin:0;font-size:17px}.security-info{margin-top:22px;background:#f4f8ff;border:1px solid #e0e9f8;border-radius:12px;padding:14px}.security-info p{font-size:12px;line-height:1.8}
@media(max-width:600px){.brand .brand-wordmark{overflow:visible}.report-dialog{padding:18px}.admin-feature-editor{align-items:flex-start}}

.footer-info-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer-info-links a{font-size:12px;color:#2463eb;font-weight:700}.footer-info-links a:hover{text-decoration:underline}.info-main{padding-top:65px;padding-bottom:110px;min-height:62vh;max-width:920px}.info-main h1{font-size:clamp(30px,4vw,46px)}.info-main #info-body{line-height:1.8;color:#4d627b;font-size:16px;max-width:760px}.info-main #info-body a{color:#2463eb;text-decoration:underline}

.usage-stats{display:flex;gap:18px;flex-wrap:wrap;padding:15px;margin:16px 0;background:#f0f6ff;border:1px solid #dbe9fb;border-radius:12px}.usage-stats>div{flex:1 1 220px;font-size:13px;color:#445975}.usage-stats strong{color:#163251}.usage-popular{display:grid;gap:6px;margin-top:6px}.usage-popular>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}

/* v3.1 — Information-page editor */
.info-settings-subhead{font-size:14px;color:var(--ink);margin:16px 0 4px;border-top:1px solid var(--line);padding-top:16px}
.footer-option{display:flex;align-items:center;padding-top:19px}
.footer-check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}
.footer-check input{width:17px;height:17px;accent-color:var(--purple)}
.info-settings-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.footer-info-links a[hidden]{display:none!important}
.info-main #info-body .info-text-paragraph{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:18px}
@media(max-width:760px){.footer-option{padding-top:0}}