*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111018;color:#f7f4ff;font:17px/1.65 system-ui,sans-serif;--accent:#bb98ff;--panel:#1d1929;--line:#393046}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:30px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:var(--accent)}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav form{margin:0}h1{font-size:clamp(42px,6.5vw,82px);line-height:1.05;letter-spacing:-3px;font-weight:700;margin:25px 0}h2{font-size:29px;line-height:1.2;letter-spacing:-.7px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:540px}.hero p{max-width:490px}.button,button{display:inline-block;background:var(--accent);color:#17111e;border:0;border-radius:50px;padding:15px 24px;text-decoration:none;font:700 14px system-ui;cursor:pointer}.quiet{background:transparent;color:inherit;padding:12px 0;text-decoration:underline}.grid,.login{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.price{font-size:30px;font-weight:700}.price small{display:block;font-size:12px;font-weight:400}.muted,footer{color:#aca4bc;font-size:13px}.art{border:1px solid var(--line);border-radius:50% 50% 20% 20%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#7945a0,#241536 60%,#111018);transform:rotate(-6deg)}.art span{font-size:clamp(20px,3.6vw,48px);font-weight:900;line-height:1.2;margin-left:10%;letter-spacing:-1px}.art span:nth-child(2){color:#c5a4ed}.art span:nth-child(3){color:#9273b1}label{display:block;margin:20px 0}input{display:block;width:100%;padding:14px;background:transparent;border:1px solid var(--line);border-radius:8px;color:inherit;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.notice{border-left:4px solid var(--accent);padding:18px;background:var(--panel)}.lessons{display:grid;gap:22px}footer{margin-top:70px;border-top:1px solid var(--line)}.forma{background:#f4f0e7;color:#202c28;--accent:#35664b;--panel:#faf8f2;--line:#d4d7c9}.forma h1,.forma h2{font-family:Georgia,serif;font-weight:400}.forma .card{border-radius:2px}.forma .button,.forma button:not(.quiet){border-radius:3px;background:#35664b;color:white}.forma .art{border-radius:2px;transform:none;background:repeating-linear-gradient(135deg,#d2d9b9 0 25px,#e2e6d6 25px 50px);aspect-ratio:4/5}.forma .art span{color:#244835;background:#f4f0e7;padding:8px 12px;margin:4px 10%;font-family:Georgia,serif;font-weight:400}.forma .muted,.forma footer{color:#56645a}.forma .hero{grid-template-columns:1fr 1fr}.forma .brand{font-family:Georgia,serif}.forma .price{color:#35664b}@media(max-width:700px){header,main,footer{padding:22px}header{align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.brand{font-size:19px}.brand span{font-size:8px;letter-spacing:1px}.hero,.forma .hero,.grid,.login{grid-template-columns:1fr;gap:22px}.hero{padding-bottom:45px}.art{max-width:320px;width:100%;margin:20px auto}.art span{font-size:32px}.forma .art{aspect-ratio:1.4}h1{letter-spacing:-2px}.card{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

textarea{display:block;width:100%;max-width:100%;resize:vertical;padding:14px;background:transparent;border:1px solid var(--line);border-radius:8px;color:inherit;font:14px/1.6 monospace;overflow-wrap:anywhere}
.editor-form{display:grid;gap:26px}.editor-form>button{justify-self:start}.publish{margin-top:35px}.editor-form textarea{font:inherit}.editor-form h3{margin-top:0}
fieldset{border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.theme-choice{display:flex;align-items:center;gap:16px}.theme-choice input{width:20px;height:20px;flex:0 0 20px}.brand{overflow-wrap:anywhere;min-width:0}header nav{flex-shrink:0}@media(max-width:700px){header{flex-wrap:wrap}header nav{flex-wrap:wrap}}
.operation-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}

select{display:block;width:100%;max-width:100%;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:inherit;font:inherit}select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.material-item h3{overflow-wrap:anywhere}

.lesson-video{display:block;width:100%;max-height:65vh;background:#08080b;border-radius:12px;margin:18px 0}.lesson-video:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.upload-progress{display:grid;gap:12px;margin:18px 0}.upload-progress progress{width:100%;height:14px;accent-color:var(--accent)}.upload-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.upload-session h3{overflow-wrap:anywhere}.upload-session input[type=file]{margin:12px 0}.upload-status{min-height:1.65em}.upload-status[data-kind=error]{color:#ff9fae}.forma .upload-status[data-kind=error]{color:#8c2638}.resumable-note{display:none}.resumable-ready .resumable-note{display:block}.resumable-ready .fallback-note{display:none}

/* Keep account navigation within the viewport as destinations grow. */
header nav{max-width:100%;min-width:0;flex-shrink:1} .card dd{margin-inline-start:0;overflow-wrap:anywhere}