:root{--ink:#24382f;--paper:#faf9f3;--green:#d8ed9c;--line:#dce0d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 22px;color:var(--ink);font-weight:600;transition:transform .2s,background .2s}button:hover{background:#e8eddb;transform:translateY(-2px)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#3c5546}a{color:inherit;text-decoration:none}header{max-width:1320px;padding:28px 6%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.1}.brand span{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:9px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.hero{max-width:1320px;margin:auto;padding:80px 6% 85px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#6c8253}p{color:#6a776e}.hero p{max-width:510px;font-size:17px;margin-bottom:28px}.micro{font-size:11px;color:#788174;margin-top:18px;letter-spacing:.5px}.scene{height:470px;position:relative;display:grid;place-items:center;transition:transform .25s;transform-style:preserve-3d}.orbit{position:absolute;width:390px;height:390px;border:1px solid #ccd5bd;border-radius:50%;background:radial-gradient(circle,#e3eccf,transparent 72%)}.catcard{background:#e0edb8;width:285px;border:9px solid white;border-bottom-width:18px;border-radius:24px;transform:rotate(-9deg) translateZ(35px);box-shadow:22px 30px 45px #35472d25;text-align:center;padding:15px 10px 23px;position:relative}.cat{font-size:130px;line-height:1.5;filter:drop-shadow(4px 12px 4px #40503324)}.catcaption{font-size:12px}.catcard strong{display:block;font-size:30px;letter-spacing:-1px}.catcard span{font-size:12px}.float{position:absolute;z-index:2}.tag{background:white;border:1px solid var(--line);padding:12px 18px;border-radius:14px;font-size:12px;box-shadow:0 10px 30px #2633280b;animation:bob 5s ease-in-out infinite}.top{top:25px;left:10px;transform:rotate(-5deg)}.bottom{bottom:20px;left:0;animation-delay:-2s}.bubble{position:absolute;right:-10px;bottom:80px;background:#f0c9ac;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:12px;transform:rotate(12deg) translateZ(60px)}.bubble strong{font-size:25px}.spark{position:absolute;right:15px;top:40px;font-size:65px;color:#8c9c65}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;text-align:center;font-size:11px;letter-spacing:2px;display:flex;justify-content:center;gap:40px}.ribbon span{color:#87975a}.section{max-width:1320px;margin:auto;padding:90px 6%}h2{font-size:clamp(28px,3.1vw,45px);line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:20px 0 35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{padding:30px;border:1px solid var(--line);border-radius:20px;transition:transform .35s,box-shadow .35s;background:#f4f4e9}.feature:nth-child(2){background:#f4e9e0}.feature:nth-child(3){background:#e8eddf}.feature:hover{transform:perspective(800px) rotateX(5deg) rotateY(-5deg) translateY(-7px);box-shadow:12px 20px 25px #283a2514}.feature>span{font-size:22px}.feature h3{margin:25px 0 10px;font-size:21px;letter-spacing:-.7px}.feature p{font-size:14px;margin:0}.journey{display:grid;grid-template-columns:1fr 1fr;gap:80px}.journey p{max-width:450px}.journey ol{list-style:none;margin:0;padding:0}.journey li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.journey li>b{font-size:12px;border:1px solid var(--line);border-radius:50%;height:40px;min-width:40px;display:grid;place-items:center}.journey h3,.journey li p{margin:0}.journey li p{font-size:14px;margin-top:7px}footer{padding:65px 20px;text-align:center;background:#e2eacb}footer h2{margin:0}footer p{font-size:14px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.revealed{opacity:1;transform:translateY(0)}@keyframes bob{50%{translate:0 -10px}}dialog{border:1px solid var(--line);border-radius:22px;padding:35px;max-width:760px;width:calc(100% - 30px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1d302980;backdrop-filter:blur(7px)}.close{position:sticky;top:0;float:right;padding:0;width:36px;height:36px;background:var(--paper);z-index:3}label{display:block;font-size:14px;font-weight:600;margin:14px 0}input,textarea,select{display:block;width:100%;background:white;color:var(--ink);border:1px solid #cdd5c7;padding:12px;border-radius:10px;margin-top:6px}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #809b57;outline-offset:3px}fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:15px}legend{font-weight:600}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:18px;margin:0;flex-shrink:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.questionEdit{padding:20px;border-radius:12px;background:#edf0e3;margin:15px 0}.textbutton{font-size:12px;padding:8px 12px;border:0}.danger,.error{color:#a13939}.material{white-space:pre-wrap;overflow-wrap:anywhere}.files{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.files a{padding:10px 16px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}#dashboard{max-width:1320px;margin:auto;padding:45px 6% 80px;min-height:80vh}.dashhead{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:45px}.dashhead h2{margin-bottom:10px}.dashhead p{margin:0}.lesson{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.lessonart{background:#e5edcf;height:135px;display:grid;place-items:center;font-size:65px}.lesson:nth-child(2n) .lessonart{background:#f2ded0}.lessonbody{padding:24px}.lessonbody h3{font-size:23px;margin:10px 0}.lessonbody p{font-size:13px}.users{border-top:1px solid var(--line);margin-bottom:35px}.users>div{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.users span{font-size:13px;color:#6a776e}.empty{text-align:center;padding:50px;background:#edf0e3;border-radius:15px}.count{font-size:13px;color:#7c8a6a}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:13px 24px;border-radius:16px;z-index:9999;transition:.2s;max-width:90%;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:800px){header{padding:22px 5%}nav>a{display:none}nav{gap:0}nav button{padding:9px 14px;font-size:12px}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding:50px 6% 30px;gap:0}h1{letter-spacing:-2px}.scene{height:400px;max-width:440px;width:100%;margin:auto}.orbit{width:310px;height:310px}.catcard{width:250px}.cat{font-size:110px}.top{top:15px}.spark{right:0}.bubble{right:0;width:100px;height:100px;bottom:55px}.ribbon{gap:14px;font-size:9px;letter-spacing:1px;flex-wrap:wrap}.section{padding:55px 6%}.grid{grid-template-columns:1fr}.journey{grid-template-columns:1fr;gap:20px}.dashhead{display:block}.users>div{flex-direction:column;gap:3px}dialog{padding:24px}.lessonart{height:110px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}