:root{--bg:#05091b;--bg2:#0a1029;--panel:rgba(13,22,53,.88);--panel2:#111d43;--text:#f8fbff;--muted:#91a1c8;--line:#263863;--violet:#7c3aed;--blue:#2563eb;--cyan:#06b6d4;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--field:#08122e;--fieldText:#fff;--shadow:0 22px 55px rgba(0,0,0,.30);--heroGlow:rgba(124,58,237,.25);--soft:#101b3b;--tableHead:#0b1533}
html[data-theme="light"]{--bg:#eef3fb;--bg2:#f8fbff;--panel:rgba(255,255,255,.88);--panel2:#fff;--text:#0d1830;--muted:#60708f;--line:#d5deee;--field:#f7f9fd;--fieldText:#13213c;--shadow:0 18px 42px rgba(20,43,86,.10);--heroGlow:rgba(37,99,235,.12);--soft:#edf3ff;--tableHead:#eef3fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 82% -10%,var(--heroGlow) 0,transparent 34%),linear-gradient(145deg,var(--bg2),var(--bg));color:var(--text);min-height:100vh;transition:background .25s,color .25s}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.muted{color:var(--muted)}
.layout{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:color-mix(in srgb,var(--panel2) 92%,transparent);border-left:1px solid var(--line);padding:20px 12px;z-index:20;backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{width:56px;height:56px;margin:0 auto;border-radius:19px;background:linear-gradient(145deg,#8b5cf6,#2563eb 56%,#22d3ee);box-shadow:0 0 35px #7c3aed55;display:grid;place-items:center;font-size:23px;font-weight:950;color:#fff}.brand.big{width:62px;height:62px;font-size:26px;margin:0}.brand.center{margin:0 auto 18px}.nav{display:flex;flex-direction:column;gap:8px;margin-top:26px}.nav a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 3px;border-radius:15px;color:var(--muted);font-size:18px;transition:.18s}.nav a span{font-size:10px;font-weight:700}.nav a:hover{color:#fff;background:linear-gradient(145deg,#6d28d9,#2563eb);box-shadow:0 10px 24px #5b21b644;transform:translateY(-1px)}.side-bottom{margin-top:auto;display:flex;justify-content:center;gap:8px}.theme-toggle,.logout-mini{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--text);display:grid;place-items:center;cursor:pointer}.theme-toggle:hover,.logout-mini:hover{border-color:#7c3aed;color:#7c3aed}.theme-wide{display:inline-flex!important}
.content{padding:25px 30px;min-width:0;max-width:1720px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h1{font-size:28px;margin:0;font-weight:900}.topbar p{color:var(--muted);margin:6px 0 0}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#7da9ff;font-weight:900;margin-bottom:9px}.actions,.tabs{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #7c3aed55;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);padding:10px 15px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 24px #4f46e52b;transition:.18s;display:inline-block}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.secondary,.btn.alt{background:var(--soft);color:var(--text);border-color:var(--line);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#991b1b,#dc2626)}.btn.good{background:linear-gradient(135deg,#047857,#10b981)}.full-btn{width:100%;margin-top:7px}.text-btn{border:0;background:transparent;color:#7da9ff;font-weight:800;cursor:pointer;padding:10px}
.hero,.card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));border:1px solid var(--line);border-radius:21px;padding:20px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);margin-bottom:16px}.hero{padding:25px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#7c3aed22;filter:blur(45px);left:-50px;top:-90px;pointer-events:none}.hero h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{font-size:32px;font-weight:900}.card h2,.card h3{margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.section-head h2{font-size:26px;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
label{display:block;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--text) 75%,var(--muted));margin:10px 0 7px}input,select,.input{width:100%;background:var(--field);color:var(--fieldText);border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none;margin:0 0 8px}input:focus,select:focus,.input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #7c3aed20}option{background:var(--panel2);color:var(--text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.full{grid-column:1/-1}.field-help{display:block;color:var(--muted);font-size:10px;margin:-3px 0 8px}.optional{font-weight:500;color:var(--muted)}
.message,.notice{padding:12px 14px;background:color-mix(in srgb,var(--blue) 12%,var(--panel2));border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));border-radius:12px;margin-bottom:14px}.warn{background:color-mix(in srgb,var(--amber) 12%,var(--panel2));color:color-mix(in srgb,var(--amber) 70%,var(--text));border-color:color-mix(in srgb,var(--amber) 35%,var(--line))}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.price{font-size:34px;font-weight:900}
table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:right;font-size:12px;vertical-align:middle}th{background:var(--tableHead);color:var(--muted);position:sticky;top:0;z-index:3}.schedule{overflow:auto;max-height:72vh;border-radius:16px;border:1px solid var(--line)}.cell{min-width:110px;height:60px;text-align:center}.cell b{color:var(--text)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;padding:32px;gap:24px}.login-hero,.login-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 95%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));box-shadow:var(--shadow);backdrop-filter:blur(22px)}.login-hero{padding:58px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 24% 20%,#7c3aed55,transparent 30%),radial-gradient(circle at 78% 70%,#06b6d426,transparent 30%),linear-gradient(145deg,var(--panel2),var(--bg));position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.login-hero>*{position:relative}.login-hero h1{font-size:50px;line-height:1.15;margin:0;font-weight:950}.login-hero p{color:var(--muted);font-size:16px;max-width:620px;line-height:1.9}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-pills span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:10px;background:color-mix(in srgb,var(--soft) 78%,transparent)}.login-card{padding:44px;display:flex;flex-direction:column;justify-content:center;position:relative}.login-brand-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:18px}.login-brand-row h2{margin:0 0 5px;font-size:26px}.floating{align-self:start}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;color:#7da9ff;font-weight:700}.auth-links.single{justify-content:center}.demo-note{margin-top:20px;padding:10px 12px;border-radius:11px;background:var(--soft);border:1px dashed var(--line);color:var(--muted);font-size:10px;line-height:1.8}.auth-form{max-height:64vh;overflow:auto;padding-left:4px}
.otp-page{min-height:100vh;display:grid;place-items:center;padding:20px}.otp-card{width:min(460px,100%);background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow);text-align:center}.otp-card label{text-align:right}.otp-input{text-align:center;font-size:29px;letter-spacing:12px;font-weight:900;direction:ltr}.dev-otp{margin:14px 0;padding:11px;border-radius:11px;background:color-mix(in srgb,var(--amber) 14%,var(--panel2));color:var(--text);font-size:12px}.back-login{display:block;margin-top:12px;color:var(--muted);font-size:12px}
@media(max-width:1100px){.login-page{grid-template-columns:1fr}.login-hero{min-height:300px}.plans{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;bottom:0;top:auto;order:2;flex-direction:row;padding:8px;overflow:auto;border-left:0;border-top:1px solid var(--line)}.brand{width:42px;height:42px;border-radius:13px}.nav{flex-direction:row;margin:0 8px;flex:1;overflow:auto}.nav a{min-width:64px;padding:7px 4px;font-size:15px}.side-bottom{margin:0}.logout-mini{display:none}.content{padding:15px}.topbar{align-items:flex-start}.theme-wide{display:none!important}.login-page{padding:12px}.login-hero{padding:28px}.login-hero h1{font-size:36px}.login-card{padding:26px 20px}.login-brand-row{grid-template-columns:auto 1fr}.login-brand-row .floating{position:absolute;left:18px;top:18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.grid{grid-template-columns:1fr}}@media print{@page{size:landscape;margin:6mm}.sidebar,.no-print,.topbar{display:none!important}.layout{display:block}.content{padding:0;max-width:none}body{background:white;color:#111}.card,.hero{background:white;border:0;box-shadow:none}th,td{font-size:9px;color:#111;border-color:#bbb}.schedule{overflow:visible;max-height:none;border:0}}

/* ROTA weekly paper schedule */
.schedule-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}.schedule-hero .actions{justify-content:flex-end}.paper-toolbar{margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);font-size:13px}.paper-card{padding:0;overflow:hidden}.paper-scroll{overflow:auto;max-width:100%}.paper-schedule{border-collapse:separate;border-spacing:0;min-width:1640px;width:100%;font-size:11px;background:var(--panel)}.paper-schedule th,.paper-schedule td{border-left:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.paper-schedule thead th{position:sticky;top:0;z-index:4}.paper-days th{background:color-mix(in srgb,var(--panel2) 91%,var(--accent) 9%);height:42px}.paper-periods th{top:42px;background:color-mix(in srgb,var(--panel2) 96%,transparent);height:30px;min-width:34px}.paper-teacher-head,.paper-teacher-cell{position:sticky!important;right:0;z-index:7!important;min-width:150px;max-width:150px;background:var(--panel2)!important}.paper-count-head,.paper-count-cell{position:sticky!important;right:150px;z-index:6!important;min-width:54px;background:var(--panel)!important}.paper-day-head{font-weight:900;color:var(--text);letter-spacing:.2px}.paper-teacher-cell{height:58px;padding:6px 10px;text-align:right!important}.teacher-paper-name{font-size:11px;font-weight:850;white-space:nowrap}.paper-count-cell{font-weight:900;color:var(--accent2)}.paper-slot{position:relative;min-width:38px;width:38px;height:58px;padding:2px;background:color-mix(in srgb,var(--panel) 96%,transparent)}.paper-slot:hover{background:color-mix(in srgb,var(--soft) 70%,var(--panel))}.paper-lesson{height:100%;min-height:50px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--panel2)),color-mix(in srgb,var(--accent2) 8%,var(--panel)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;position:relative}.paper-lesson.locked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent2) 60%,transparent)}.paper-class{font-weight:950;font-size:10px;line-height:1.1}.paper-subject{font-size:8px;color:var(--muted);max-width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-actions{position:absolute;inset:auto 1px 1px 1px;display:flex;justify-content:center;gap:2px;opacity:0;transition:.15s}.paper-lesson:hover .paper-actions{opacity:1}.paper-actions form{margin:0}.paper-actions button,.paper-add{border:0;cursor:pointer}.paper-actions button{width:17px;height:17px;border-radius:5px;background:var(--soft);color:var(--text);font-size:9px;padding:0}.paper-add{width:25px;height:25px;border-radius:8px;background:transparent;color:var(--muted);font-size:19px;line-height:22px}.paper-slot:hover .paper-add{background:var(--soft);color:var(--accent2)}.prayer-head,.prayer-cell{min-width:22px;width:22px;background:color-mix(in srgb,var(--accent2) 6%,var(--panel2))!important}.prayer-head span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;color:var(--muted);letter-spacing:.6px}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:#0009;backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-card{width:min(520px,100%);border:1px solid var(--line);border-radius:24px;background:var(--panel2);box-shadow:var(--shadow);padding:24px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.modal-head h2{margin:2px 0 5px}.modal-close{border:1px solid var(--line);background:var(--soft);color:var(--text);width:36px;height:36px;border-radius:11px;cursor:pointer;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-grid label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.form-grid select{width:100%}
@media(max-width:800px){.schedule-hero{align-items:stretch}.schedule-hero .actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.paper-teacher-head,.paper-teacher-cell{min-width:120px;max-width:120px}.paper-count-head,.paper-count-cell{right:120px}.paper-schedule{min-width:1500px}}
@media print{.sidebar,.top-nav,.no-print,.theme-toggle{display:none!important}.content,main{margin:0!important;padding:0!important}.paper-card{border:0!important;box-shadow:none!important}.paper-scroll{overflow:visible!important}.paper-schedule{min-width:100%!important;font-size:7px}.paper-teacher-head,.paper-teacher-cell,.paper-count-head,.paper-count-cell,.paper-schedule thead th{position:static!important}.paper-slot{height:34px;min-width:25px}.paper-lesson{min-height:30px;border-radius:3px}.paper-class{font-size:7px}.paper-subject{font-size:6px}.prayer-head,.prayer-cell{min-width:12px;width:12px}}


/* ===== ROTA FINAL SUBSCRIPTION DESIGN ===== */
/* ROTA — FINAL SUBSCRIPTION EXPERIENCE
   Page-scoped styles only. Safe to append to the existing style.css.
*/
.rs-page{max-width:1240px;margin:0 auto;padding:8px 0 34px}
.rs-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:8px 0 30px}
.rs-hero-copy{max-width:720px}
.rs-kicker{display:flex;align-items:center;gap:9px;color:#7751bf;font-size:10px;font-weight:950;letter-spacing:2px}
.rs-kicker span{width:7px;height:7px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 16px rgba(139,92,246,.6)}
.rs-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-1.7px;margin:13px 0 10px;font-weight:950}
.rs-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;max-width:650px}
.rs-current{min-width:210px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(124,58,237,.12);box-shadow:0 12px 35px rgba(58,31,110,.07);backdrop-filter:blur(18px)}
.rs-current-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#eee7ff;color:#7142ca;font-weight:950}
.rs-current small,.rs-current strong,.rs-current em{display:block}
.rs-current small{font-size:10px;color:var(--muted)}
.rs-current strong{font-size:14px;margin-top:2px}
.rs-current em{font-style:normal;font-size:10px;color:#7b58bd;margin-top:2px}

.rs-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.rs-card{--x:50%;--y:50%;position:relative;isolation:isolate;min-height:560px;padding:27px;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(248,244,255,.88));border:1px solid rgba(124,58,237,.13);box-shadow:0 16px 50px rgba(55,28,105,.075),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .3s ease}
.rs-card:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(260px 210px at var(--x) var(--y),rgba(139,92,246,.20),transparent 70%);opacity:.2;transition:opacity .35s ease}
.rs-card:after{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(145deg,rgba(255,255,255,.55),transparent 55%);pointer-events:none}
.rs-card-light{position:absolute;width:180px;height:180px;right:calc(var(--x) - 90px);top:calc(var(--y) - 90px);z-index:-1;border-radius:50%;background:rgba(139,92,246,.22);filter:blur(45px);opacity:0;transition:opacity .35s ease}
.rs-card:hover,.rs-card:focus-visible{transform:translateY(-10px);border-color:rgba(124,58,237,.36);box-shadow:0 30px 75px rgba(75,39,140,.15),0 0 0 1px rgba(139,92,246,.05);outline:none}
.rs-card:hover:before,.rs-card:hover .rs-card-light,.rs-card:focus-visible:before,.rs-card:focus-visible .rs-card-light{opacity:1}
.rs-featured{background:linear-gradient(150deg,rgba(249,246,255,.98),rgba(241,234,255,.91));border-color:rgba(124,58,237,.27);box-shadow:0 20px 60px rgba(89,45,161,.12),inset 0 1px 0 #fff}
.rs-current-card{border-color:rgba(124,58,237,.32)}

.rs-card-head{display:flex;align-items:center;justify-content:space-between;min-height:35px}
.rs-index{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#eee7ff;color:#7041d0;font-size:10px;font-weight:950}
.rs-popular{padding:7px 11px;border-radius:999px;background:#ece3ff;color:#7040c9;font-size:10px;font-weight:950}
.rs-plan-title h2{margin:25px 0 5px;font-size:27px;letter-spacing:-.7px;font-weight:950}
.rs-plan-title p{margin:0;color:var(--muted);font-size:12px}
.rs-price{display:flex;align-items:flex-end;gap:9px;margin-top:25px}
.rs-price strong{font-size:58px;line-height:.95;letter-spacing:-3px;font-weight:950}
.rs-price span{font-size:12px;line-height:1.25;color:var(--muted);padding-bottom:4px}
.rs-price small{font-size:10px}
.rs-users{margin-top:10px;font-size:11px;color:var(--muted)}
.rs-users b{color:var(--text);font-size:12px}
.rs-rule{height:1px;margin:23px 0 18px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.2),transparent)}
.rs-features{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:11px;flex:1}
.rs-features li{position:relative;padding-right:29px;font-size:13px;line-height:1.6}
.rs-features li:before{content:"✓";position:absolute;right:0;top:1px;width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:#eee7ff;color:#7041d0;font-size:10px;font-weight:950}
.rs-open{width:100%;min-height:51px;border:1px solid rgba(124,58,237,.15);border-radius:15px;background:rgba(255,255,255,.58);color:var(--text);font:inherit;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1)}
.rs-open i{font-style:normal;color:#7540ce;font-size:19px;transition:transform .35s ease}
.rs-card:hover .rs-open{background:linear-gradient(135deg,#7040d1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(112,64,209,.22)}
.rs-card:hover .rs-open i{color:#fff;transform:translateX(-5px)}

.rs-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding:10px;border:1px solid rgba(124,58,237,.09);border-radius:21px;background:rgba(255,255,255,.45);backdrop-filter:blur(18px)}
.rs-trust-item{display:flex;align-items:center;gap:11px;padding:9px 12px}
.rs-trust-mark{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;background:#eee7ff;color:#7041cf;font-size:18px;font-weight:950}
.rs-trust-item b,.rs-trust-item small{display:block}
.rs-trust-item b{font-size:12px}
.rs-trust-item small{font-size:10px;color:var(--muted);margin-top:2px}

.rs-modal{position:fixed;inset:0;z-index:999;display:none}
.rs-modal.open{display:block}
.rs-modal-backdrop{position:absolute;inset:0;background:rgba(17,8,34,.56);backdrop-filter:blur(13px)}
.rs-modal-panel{position:absolute;left:50%;top:50%;width:min(560px,calc(100% - 28px));transform:translate(-50%,-50%) scale(.96);padding:34px;border-radius:29px;background:linear-gradient(150deg,#fff,#f7f1ff);border:1px solid rgba(124,58,237,.2);box-shadow:0 45px 120px rgba(22,8,45,.34);animation:rsModalIn .35s cubic-bezier(.16,1,.3,1) forwards}
@keyframes rsModalIn{to{transform:translate(-50%,-50%) scale(1)}}
.rs-modal-close{position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:12px;border:1px solid #ded3ef;background:#fff;color:#60409b;font-size:24px;cursor:pointer}
.rs-modal-top{display:flex;justify-content:space-between;color:#8051cc;font-size:10px;font-weight:950;letter-spacing:2px}
.rs-modal-top b{color:#ad97d0}
.rs-modal-panel h2{margin:17px 0 5px;font-size:38px;letter-spacing:-1px}
.rs-modal-panel>p{margin:0;color:var(--muted);font-size:12px}
.rs-modal-price{display:flex;align-items:baseline;gap:8px;margin-top:22px}
.rs-modal-price strong{font-size:52px;letter-spacing:-2px}
.rs-modal-price span{font-size:12px;color:var(--muted)}
.rs-modal-users{font-size:11px;color:var(--muted);margin-top:3px}
.rs-modal-grid{display:grid;gap:9px;margin:22px 0}
.rs-modal-grid>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px;padding:11px;border-radius:14px;background:#f3edfc;border:1px solid rgba(124,58,237,.07)}
.rs-modal-grid span{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e8dcfb;color:#7040ca;font-size:11px;font-weight:950}
.rs-modal-grid b{font-size:12px}.rs-modal-grid small{font-size:10px;color:var(--muted);margin-top:2px}
.rs-modal-cta{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:15px!important}
.rs-modal-cta span{transition:transform .3s ease}.rs-modal-cta:hover span{transform:translateX(-5px)}
.rs-modal-note{text-align:center;margin-top:10px;color:var(--muted);font-size:9px}
.rs-modal-open{overflow:hidden}

html[data-theme="dark"] .rs-current{background:rgba(28,21,39,.72);border-color:rgba(167,139,250,.16)}
html[data-theme="dark"] .rs-card{background:linear-gradient(150deg,rgba(30,23,42,.96),rgba(25,19,35,.94));border-color:rgba(167,139,250,.15);box-shadow:0 18px 55px rgba(0,0,0,.25)}
html[data-theme="dark"] .rs-featured{background:linear-gradient(150deg,rgba(38,27,56,.98),rgba(29,21,44,.96));border-color:rgba(167,139,250,.28)}
html[data-theme="dark"] .rs-open{background:rgba(255,255,255,.04);border-color:rgba(167,139,250,.16)}
html[data-theme="dark"] .rs-trust{background:rgba(28,21,39,.52)}
html[data-theme="dark"] .rs-modal-panel{background:linear-gradient(150deg,#21172d,#18121f);border-color:rgba(167,139,250,.2)}
html[data-theme="dark"] .rs-modal-close{background:#2b2038;border-color:#4b3a5f;color:#d7c5f2}
html[data-theme="dark"] .rs-modal-grid>div{background:rgba(167,139,250,.07)}
@media(max-width:980px){.rs-hero{align-items:flex-start;flex-direction:column}.rs-current{min-width:0}.rs-plans{grid-template-columns:1fr 1fr}.rs-trust{grid-template-columns:1fr}}
@media(max-width:640px){.rs-page{padding-top:0}.rs-plans{grid-template-columns:1fr}.rs-card{min-height:0}.rs-hero h1{font-size:32px}.rs-price strong{font-size:52px}.rs-modal-panel{padding:29px 22px}}