/* Glass is progressive enhancement: solid translucent fallbacks stay readable. */
body{font-weight:400;font-stretch:100%;font-variation-settings:"wdth" 100;font-synthesis:none;background:#f7f5fc;color:#393044}
.app-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 8%,#eadffb88,transparent 50%),radial-gradient(ellipse at 79% 70%,#e8e5ff60,transparent 50%),#f8f6fc}
.app-background i{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(75px);opacity:.24;background:#cba3f4;left:-160px;top:120px}
.app-background i:nth-child(2){width:300px;height:300px;left:40%;top:650px;background:#d9b6ec;opacity:.17}
.app-background i:nth-child(3){width:300px;height:300px;left:15%;top:80%;background:#b0d8d0;opacity:.18}
.sidebar{background:#ffffffb3;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid #fff;box-shadow:-3px 0 30px #7548a703}
.topbar{background:#ffffff8a;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);border-bottom:1px solid #fff}
.nav button{text-align:right;position:relative;width:100%;font-size:14px;line-height:1.8;border:1px solid transparent}
.nav button.active{border-color:#ffffffc9;background:linear-gradient(110deg,#e7dafa8c,#eee4ffbf);box-shadow:inset 0 1px 0 #ffffffb0,0 4px 12px #7948b707}
.nav button.active:before{right:-22px}
.brand img{filter:drop-shadow(0 2px 5px #8f58dd17)}
.brand-name{color:#31283e}
.help-box{background:linear-gradient(140deg,#ffffff8c,#e8dafa9c);backdrop-filter:blur(14px);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 5px 20px #744eaa07}
.help-box button{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffad;border:1px solid #fff}
.help-box button .icon{width:12px;height:12px}
.hero{background:linear-gradient(120deg,#f5eaffb5 5%,#eee4fcab 50%,#e6d9fbaa);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 7px 24px #69449408;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero:after{content:'';position:absolute;width:150px;height:150px;background:linear-gradient(120deg,#bb97ed35,#e3cefd07);border-radius:40px;border:1px solid #ffffff80;transform:rotate(27deg);left:8%;top:40px;z-index:-1;backdrop-filter:blur(4px)}
.float-tag{background:#ffffff96;border:1px solid #ffffffed;box-shadow:0 5px 16px #7950d80a}
.assistant-start,.template-card,.site-card,.panel,.builder-panel,.price-card,.lesson-card,.metric,.table-wrap{background:#ffffffae;border:1px solid #ffffffee;box-shadow:0 4px 20px #75519c04,inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.template-card{border:1px solid #eae2f3}
.assistant-start{border-color:#e9e0f4}
.template-preview{box-shadow:0 0 0 1px #00000003}
.template-info h3 .muted{color:#c0afca;font-weight:400;margin:0 3px}
.template-info p{color:#9d8da9}
.template-card:hover{background:#ffffffe8;box-shadow:0 10px 25px #7950d80b}
.create-card{background:#ffffff5c;border-color:#d6c5e5;backdrop-filter:blur(12px)}
.create-card:hover{background:#fff9}
.btn.primary{background:linear-gradient(110deg,#7c4ed7,#885bdf);border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff30,0 5px 12px #7950d817}
.btn.primary:hover{background:linear-gradient(110deg,#6c3fc5,#7c4ed7)}
.btn.secondary,.btn.outline{background:#ffffffa8;border-color:#e5d9ef}
.prompt-field{background:#fcf9ff82}
.prompt-field input{background:none}
.page-heading p{color:#9989a6}
.page-heading h1{color:#40314c}
.section-title p{color:#a091ac}
.section-title h2{color:#44344f}
.count-label{background:#eae1f5;font-size:14px;padding:0 5px;border-radius:5px;margin-right:5px;color:#9b7cb8;vertical-align:middle}
.learn-banner{background:linear-gradient(100deg,#f4f8f2a9,#e8f1e7b8);border:1px solid #fff;box-shadow:inset 0 1px 0 white;backdrop-filter:blur(12px)}
.metric strong{color:#71538b}
.lesson-meta .icon{width:12px;height:12px;vertical-align:middle;margin-left:4px}
.modal{background:#fffc;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid #fff;box-shadow:0 20px 80px #40255b1e}
.modal-backdrop{background:#3c24523b;backdrop-filter:blur(7px)}
.preview-pane{box-shadow:0 4px 25px #7950d806;border:1px solid #fff;background:#f0eaf5ab}
.preview-toolbar{background:#ffffffb8;border-bottom:1px solid #fff}
.preview-caption .icon{width:11px;height:11px;vertical-align:middle;margin-left:3px}
.price-card.featured{border:1px solid #b395dc;box-shadow:inset 0 1px 0 #fff,0 8px 30px #7950d80d}
.popular{background:linear-gradient(120deg,#7950d8,#9769e0);border:1px solid #ffffff60;box-shadow:0 3px 9px #7950d819}
.price-card .price-value{color:#72518d}
.mobile-nav button{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#ac90bf;gap:4px;min-width:47px}
.mobile-nav button.active{color:var(--purple);font-weight:650}
.mobile-nav button .icon{width:21px;height:21px}
.rgb-spinner{width:16px;height:16px;border-radius:50%;display:inline-block;background:conic-gradient(#6ee7e7,#f1a0e2,#b6a5ff,#6ee7e7);mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 0);animation:rgb-turn .8s linear infinite;flex-shrink:0}
.rgb-busy{position:relative;overflow:hidden}
.rgb-busy:after{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;background:linear-gradient(90deg,#6ee7e7,#f1a0e2,#b6a5ff,#6ee7e7);background-size:200% 100%;animation:rgb-flow 1.3s linear infinite}
@keyframes rgb-turn{to{transform:rotate(360deg)}}@keyframes rgb-flow{to{background-position:200% 0}}
@media(max-width:980px){.nav button{font-size:14px}.nav button.active:before{right:-13px}}
@media(max-width:700px){.topbar{background:#ffffffb8}.sidebar{background:#fdfbfff0}.nav button.active:before{right:-21px}.app-background i{opacity:.17;filter:blur(65px);width:300px;height:300px}.app-background i:nth-child(2){top:550px;left:40%;width:200px;height:200px}.hero:after{left:-18%;top:150px}.hero{background:linear-gradient(120deg,#f5ecffd9,#e8dcfac4)}.mobile-nav{background:#fffdfaeb;border-top:1px solid #fff;box-shadow:0 -4px 20px #7950d804}.modal-backdrop{padding-bottom:20px}.modal{background:#fffdf8f0}.assistant-start{border-color:#e9dff4}.nav button{font-size:14px}.modal-preview iframe{background:white}.mobile-nav .mobile-create .icon{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.rgb-spinner,.rgb-busy:after{animation:none}}

.pro-gate{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden;border-radius:32px;border:1px solid #fff;background:linear-gradient(135deg,#eee5fa99,#faf7ffcc);isolation:isolate;margin-top:20px}.pro-ghost{position:absolute;inset:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;filter:blur(5px);opacity:.42;z-index:-1;transform:rotate(-3deg) scale(1.05)}.pro-ghost>div{border-radius:22px;padding:22px;background:#fff;border:1px solid #e6dbf3;box-shadow:0 16px 30px #9f79c91c}.pro-ghost i{display:block;width:45px;height:45px;background:#c9b4e9;border-radius:14px;margin-bottom:24px}.pro-ghost span{display:block;height:10px;background:#e2d6ee;border-radius:12px;margin:14px 0}.pro-ghost span:last-child{width:55%}.pro-lock-content{position:relative;text-align:center;width:min(590px,calc(100% - 32px));margin:34px 0;padding:44px 32px 28px;border:1px solid #fffe;border-radius:32px;background:#ffffffb3;backdrop-filter:blur(24px);box-shadow:0 22px 65px #8553b725;overflow:hidden}.pro-watermark{display:block;font:italic 800 86px/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-6px;background:linear-gradient(135deg,#9566d6,#d9bdf7);background-clip:text;color:transparent;margin-bottom:12px;text-shadow:0 5px 25px #b48cdb1a}.pro-lock-icon{display:grid;place-items:center;color:#8050bd;margin-bottom:16px}.pro-lock-icon svg{width:30px;height:30px}.pro-chip{font-size:14px;color:#9679ae;background:#eee4f8;border:1px solid #fff;border-radius:30px;padding:6px 14px}.pro-lock-content h2{font-size:23px;margin:24px 0 12px;color:#64417e}.pro-lock-content>p{font-size:14px;line-height:2.2;color:#8b789b;max-width:440px;margin:0 auto 20px}.pro-gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0 18px}.pro-lock-content .pro-footnote{font-size:14px;max-width:370px;margin:18px auto 0;opacity:.8}.pro-consent{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;padding:22px 14px;font-size:14px;color:#95839f}.pro-consent label{display:flex;gap:8px;align-items:center}.pro-consent input{accent-color:#8050c0;width:15px;height:15px}.pro-consent .text-link{font-size:14px;white-space:nowrap}@media(max-width:640px){.pro-gate{min-height:540px;border-radius:24px}.pro-lock-content{padding:32px 20px 24px;border-radius:25px}.pro-watermark{font-size:74px}.pro-lock-content h2{font-size:20px}.pro-gate-actions{flex-direction:column}.pro-ghost{grid-template-columns:repeat(2,1fr)}}
.pricing-grid.paid-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-inline:auto}@media(max-width:680px){.pricing-grid.paid-plans{grid-template-columns:1fr}}