:root{--bg: #eef2ff;--text: #0b1220;--muted: rgba(15,23,42,.68);--card: rgba(255,255,255,.7);--stroke: rgba(15,23,42,.12);--shadow: 0 18px 44px rgba(2,6,23,.12);--shadow-soft: 0 12px 28px rgba(2,6,23,.1);--radius: 18px;--radius-lg: 22px;--ring: rgba(99,102,241,.22)}[hidden]{display:none!important}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 700px at 18% 0%,#ffffffeb,#eef2fff2 45%,#ecfdf5b8),radial-gradient(900px 480px at 90% 8%,rgba(255,237,213,.55),transparent 60%),linear-gradient(180deg,var(--bg),#ffffff)}.app{max-width:980px;margin:0 auto;padding:18px 14px 32px}.hero{margin-top:6px;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.14);background:radial-gradient(900px 280px at 18% 0%,rgba(99,102,241,.1),transparent 62%),radial-gradient(700px 240px at 90% 10%,rgba(34,197,94,.08),transparent 60%),linear-gradient(180deg,#ffffffd1,#ffffff9e);box-shadow:var(--shadow);overflow:hidden}.hero-inner{padding:18px 16px 16px;text-align:center}.hero-badge{width:46px;height:46px;margin:2px auto 10px;border-radius:16px;display:grid;place-items:center;font-weight:900;letter-spacing:.1em;background:radial-gradient(140px 140px at 25% 20%,rgba(99,102,241,.22),transparent 60%),linear-gradient(180deg,#ffffffb8,#ffffff8c);border:1px solid rgba(99,102,241,.22);box-shadow:0 14px 30px #0206171f,inset 0 1px #ffffff59}h1{margin:0 0 8px;font-size:clamp(20px,4.8vw,30px);line-height:1.15;letter-spacing:-.3px}p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.45}.btn{border:0;cursor:pointer;border-radius:14px;padding:12px 14px;font-weight:900;font-size:15px;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}.btn:active{transform:scale(.99)}.btn-primary{background:#0f172af0;color:#fff;box-shadow:0 14px 26px #02061738,inset 0 1px #ffffff1a}.btn-ghost{background:linear-gradient(180deg,#ffffffc2,#ffffff9e);border:1px solid rgba(15,23,42,.14);color:var(--text);box-shadow:0 14px 26px #0206171a,inset 0 1px #ffffff59}.btn-block{width:100%;display:block;text-align:center;text-decoration:none}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#747474c2,#ffffff9e);box-shadow:0 14px 26px #0206171a,inset 0 1px #ffffff59;cursor:pointer;font-size:16px;color:#000;transition:transform .1s ease,box-shadow .18s ease,filter .18s ease}.no-scroll{overflow:hidden;height:100vh}.muted{color:var(--muted)}.fineprint{margin-top:10px;font-size:12.5px;color:var(--muted)}.btn,.icon-btn,.course-card,.path-card,.info-card,.snap,.meta-box,.chip{transition:transform .14s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,filter .22s ease}@media(hover:hover){.btn:hover{transform:translateY(-1px)}.icon-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.course-card:hover,.info-card:hover,.path-card:hover{transform:translateY(-2px);box-shadow:0 22px 58px #02061724;border-color:#0f172a2e;filter:saturate(1.03)}}@media(hover:none){.btn:hover,.icon-btn:hover,.course-card:hover,.info-card:hover,.path-card:hover{transform:none}}:root{--radius-lg: 18px;--stroke: rgba(15, 23, 42, .12);--text: #0f172a;--muted: rgba(15, 23, 42, .68);--shadow: 0 16px 34px rgba(2,6,23,.1);--shadow-soft: 0 10px 22px rgba(2,6,23,.08);--ring: rgba(99,102,241,.22)}.courses{margin-top:14px}.courses-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:860px){.courses-grid{grid-template-columns:1fr 1fr;gap:14px}}.course-card{border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.14);box-shadow:var(--shadow);overflow:hidden;background:#ffffffb8;-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:860px){.course-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.course-head{display:flex;gap:12px;padding:14px 14px 10px;align-items:flex-start}.course-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff8c;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 18px #0206171a,inset 0 1px #ffffff73;flex:0 0 auto;font-size:18px;color:#000}.course-title{margin:0;font-size:18px;line-height:1.2;font-size:20px;font-weight:900;text:#000000;letter-spacing:-.2px}.course-intro{margin-top:6px;font-size:14px;color:var(--muted)}.course-mini{padding:10px 14px 14px}.mini-select{width:100%;border-radius:14px;padding:12px;background:#ffffff9e;border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 26px #02061717,inset 0 1px #ffffff59;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mini-select:active{transform:translateY(1px)}.mini-select.is-open{outline:3px solid var(--ring);border-color:#6366f12e;box-shadow:0 16px 34px #0206171c,inset 0 1px #ffffff59}.course-actions{display:flex;gap:10px;margin-top:10px}.course-actions .btn{flex:1}.course-card.pastel-mint,.course-card.pastel-lavender,.course-card.pastel-peach,.course-card.pastel-sky{position:relative}.course-card.pastel-mint:before,.course-card.pastel-lavender:before,.course-card.pastel-peach:before,.course-card.pastel-sky:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 220px at 18% 0%,rgba(255,255,255,.4),transparent 60%),radial-gradient(700px 220px at 85% 10%,rgba(255,255,255,.18),transparent 58%),linear-gradient(180deg,#ffffff1a,#fff0);opacity:.95}.pastel-mint{background:radial-gradient(560px 240px at 12% 12%,rgba(34,197,94,.26),transparent 60%),radial-gradient(520px 240px at 88% 6%,rgba(16,185,129,.2),transparent 58%),linear-gradient(180deg,#d1fae5eb,#ffffff9e)}.pastel-lavender{background:radial-gradient(560px 240px at 12% 12%,rgba(99,102,241,.26),transparent 60%),radial-gradient(520px 240px at 88% 6%,rgba(139,92,246,.2),transparent 58%),linear-gradient(180deg,#e0e7ffeb,#ffffff9e)}.pastel-peach{background:radial-gradient(560px 240px at 12% 12%,rgba(249,115,22,.22),transparent 60%),radial-gradient(520px 240px at 88% 6%,rgba(244,63,94,.14),transparent 58%),linear-gradient(180deg,#ffedd5eb,#ffffff9e)}.pastel-sky{background:radial-gradient(560px 240px at 12% 12%,rgba(14,165,233,.22),transparent 60%),radial-gradient(520px 240px at 88% 6%,rgba(59,130,246,.18),transparent 58%),linear-gradient(180deg,#dbeafeeb,#ffffff9e)}.help{margin-top:14px}.help-card{text-align:center;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.12);background:#ffffffad;box-shadow:var(--shadow)}.help-title{margin:2px 0 10px;font-weight:900;color:var(--muted)}.mini-drop{margin-top:10px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffa8;box-shadow:0 12px 26px #02061717,inset 0 1px #ffffff4d;padding:10px 12px}.mini-drop ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.5;font-size:14px}.mini-select .mini-caret{transition:transform .18s ease}.mini-select.is-open .mini-caret{transform:rotate(180deg)}.who-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.who-pill{display:inline-block;padding:7px 10px;border-radius:999px;font-weight:900;font-size:12.5px;background:#ffffffa3;border:1px solid rgba(15,23,42,.14);box-shadow:0 12px 22px #0206171a,inset 0 1px #ffffff59;color:#0f172aeb}@media(hover:hover){.course-card:hover{box-shadow:0 18px 40px #02061724;border-color:#0f172a2e;transform:translateY(-1px);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(1200px 500px at 20% 0%,rgba(99,102,241,.2),transparent 60%),radial-gradient(1000px 500px at 85% 10%,rgba(34,197,94,.14),transparent 58%),#02061794;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:50}@media(min-width:860px){.modal-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:end;padding:10px;overflow:hidden}@media(min-width:860px){.modal{place-items:center}}.modal-sheet{width:100%;max-width:920px;max-height:92vh;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(15,23,42,.16);background:radial-gradient(1200px 360px at 18% 0%,rgba(255,255,255,.52),transparent 62%),linear-gradient(180deg,#ffffffc2,#ffffff9e);box-shadow:0 34px 90px #0206175c,0 8px 26px #0206172e;overflow:hidden;transform:translateY(10px) scale(.99);opacity:0;animation:sheetIn .18s ease-out forwards}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 10px;gap:10px;border-bottom:1px solid rgba(15,23,42,.08);background:#fff6}.modal-title-wrap{display:flex;gap:12px;align-items:flex-start}.info-stack{display:grid;gap:12px}.info-card{background:#ffffffdb;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:14px;box-shadow:0 10px 22px #02061714}.info-badge{display:inline-block;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);margin-bottom:10px}.info-head{margin:0 0 6px;font-size:16px}.info-text{margin:0;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.meta-box{display:grid;gap:8px;margin-top:10px}.meta-row{display:grid;grid-template-columns:120px 1fr;gap:10px}.meta-k{font-weight:800;font-size:12.5px;color:#0f172abf}.meta-v{font-size:13.5px;color:#0f172ae6}.paths{display:grid;gap:10px;margin-top:10px}.path-card{border:1px solid rgba(15,23,42,.12);background:#ffffffb3;border-radius:16px;padding:12px}.path-tag{display:inline-block;font-size:12px;font-weight:900;padding:5px 10px;border-radius:999px;background:#6366f11a;border:1px solid rgba(99,102,241,.18);margin-bottom:6px}.path-title{margin:0 0 4px;font-size:15px}.path-desc,.path-note{margin:0 0 8px;font-size:13.5px;color:#0f172acc}.bullets{margin:0 0 8px;padding-left:18px}.bullets li{margin:4px 0}.path-meta{font-size:13px;margin-top:6px}.fees{margin-top:8px;display:grid;gap:4px}.fee-line{font-size:13px;color:#0f172ad9}.path-footer{margin-top:8px;font-size:12.5px;color:#0f172aa6}.modal-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(140px 140px at 25% 20%,rgba(99,102,241,.22),transparent 60%),linear-gradient(180deg,#ffffffb3,#ffffff85);border:1px solid rgba(99,102,241,.22);box-shadow:0 14px 30px #02061724,inset 0 1px #ffffff59;font-size:18px}.modal-subtitle{margin-top:6px;font-size:14px;color:#0f172aa8}.modal-tabs{display:flex;gap:10px;padding:10px 14px 12px;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffff52}.tab-btn{flex:1;border-radius:14px;padding:12px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#ffffffb3,#ffffff8f);box-shadow:0 12px 22px #0206171a;color:#181616;font-weight:900;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.tab-btn:active{transform:translateY(1px)}.tab-btn.is-active{background:#0f172aeb;color:#fff;border-color:#0f172a1a;box-shadow:0 18px 34px #0206173d}.modal-body{padding:12px 14px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;overscroll-behavior:contain}.info-block{border-radius:18px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(900px 260px at 18% 0%,rgba(99,102,241,.1),transparent 62%),linear-gradient(180deg,#ffffffb8,#ffffff94);box-shadow:0 14px 34px #0206171f;padding:12px}.info-section+.info-section{margin-top:12px}.info-section h3{margin:0 0 8px;font-size:16px;color:#0f172aeb}.info-section ul{margin:0;padding-left:18px;color:#0f172aad;line-height:1.5}.info-card{border-radius:18px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(140px 140px at 15% 15%,rgba(99,102,241,.16),transparent 60%),radial-gradient(200px 200px at 90% 10%,rgba(34,197,94,.12),transparent 60%),linear-gradient(180deg,#ffffffc7,#fff9);box-shadow:0 14px 38px #0206171f;padding:12px}.info-card+.info-card{margin-top:12px}.info-card-head{margin-bottom:10px}.info-card-head h3{margin:0 0 4px;font-size:16px}.pill-badge{display:inline-block;padding:8px 10px;border-radius:999px;font-weight:500;font-size:11px;background:#0f172a14;border:1px solid rgba(15,23,42,.12);color:#0f172adb;margin-bottom:10px}.overview-title{margin:0 0 8px;font-size:18px;line-height:1.2;color:#0f172af0}.overview-text{margin:0 0 10px;color:#0f172aad;line-height:1.5;font-size:14.5px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;padding:8px 10px;border-radius:999px;font-weight:900;font-size:12.5px;background:linear-gradient(180deg,#ffffffb8,#ffffff8f);border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 22px #0206171a;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.snap{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(200px 120px at 15% 20%,rgba(14,165,233,.16),transparent 60%),linear-gradient(180deg,#ffffffc2,#fff9);box-shadow:0 12px 26px #0206171a;padding:10px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.snap-k{font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0f172aa8;margin-bottom:6px}.snap-v{font-size:14.5px;font-weight:900;color:#0f172aeb;line-height:1.25}.snap-note{margin:10px 0 0;color:#0f172aad;line-height:1.5;font-size:14px}.paths{display:grid;gap:12px}.path-card{border-radius:18px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(180px 180px at 10% 0%,rgba(14,165,233,.14),transparent 55%),radial-gradient(220px 220px at 100% 20%,rgba(251,191,36,.14),transparent 55%),linear-gradient(180deg,#ffffffc2,#fff9);box-shadow:0 16px 42px #0206171f;padding:12px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.path-tag{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;background:#6366f124;border:1px solid rgba(99,102,241,.2);margin-bottom:10px;color:#0f172ae0}.path-title{margin:0 0 6px;font-size:16.5px;color:#0f172aeb}.path-desc{margin:0 0 8px;color:#0f172aad;line-height:1.45;font-size:14px}.path-note{margin:0 0 10px;color:#0f172aad;line-height:1.5;font-size:14px}.drop{border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#ffffffb8,#ffffff94);border-radius:14px;padding:10px;margin:10px 0;box-shadow:0 12px 26px #0206171a}.drop[open]{outline:3px solid rgba(99,102,241,.16)}.drop summary{cursor:pointer;font-weight:900;font-size:14px;color:#0f172aeb;list-style:none}.drop summary::-webkit-details-marker{display:none}.drop p,.drop ul{margin:10px 0 0;color:#0f172aad;line-height:1.5;font-size:14px}.drop ul{padding-left:18px}.path-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.meta-box{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(220px 120px at 15% 20%,rgba(249,115,22,.14),transparent 60%),linear-gradient(180deg,#ffffffc2,#fff9);box-shadow:0 12px 26px #0206171a;padding:10px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.meta-k{font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0f172aa8;margin-bottom:6px}.meta-v{font-size:14.5px;font-weight:900;color:#0f172aeb;line-height:1.25}.meta-s{margin-top:6px;font-size:14.5px;font-weight:900;color:#0f172aad;line-height:1.35}.modal-backdrop{opacity:0;animation:fadeIn .16s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes sheetIn{to{transform:translateY(0) scale(1);opacity:1}}@media(hover:hover){.chip:hover,.snap:hover,.meta-box:hover,.path-card:hover{transform:translateY(-1px);box-shadow:0 18px 46px #02061724;filter:saturate(1.05)}}.help-link{font-size:12.5px;margin-left:6px;color:#4f46e5;text-decoration:underline;cursor:pointer}#modalCloseBtn{color:#000;border-color:#00000040}.success-toast{position:fixed;inset:0;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9999}.success-card{position:relative}.success-close{position:absolute;top:12px;right:12px;color:#000;border-color:#00000040;background:#fcfcfc}.success-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#16a34a;background:#22c55e26}.success-text{font-size:14.5px;line-height:1.5;margin-bottom:14px}.success-close{position:absolute;top:12px;right:12px;color:#000}@media(min-width:700px)and (max-height:850px){.modal{padding:6px}.modal-sheet{zoom:.96;max-height:104vh;max-width:1020px}.modal-header{padding:10px 12px 8px}.modal-icon{width:38px;height:38px;border-radius:13px}.modal-subtitle{margin-top:3px;font-size:13px}.modal-tabs{padding:8px 12px 9px}.tab-btn{padding:9px 10px}.modal-body{padding:9px 12px 12px}}@media(max-width:700px){.modal{padding:0;place-items:stretch}.modal-sheet{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;border:0}.modal-header{padding:max(12px,env(safe-area-inset-top)) 12px 10px}.modal-subtitle{font-size:14px;line-height:1.45}.modal-tabs{flex:0 0 auto;padding:9px 10px 10px;gap:8px}.tab-btn{min-height:52px;padding:11px 10px;font-size:16px}.modal-body{padding:10px 10px max(14px,env(safe-area-inset-bottom))}}:root{--stroke: rgba(15,23,42,.14);--text: #0f172a;--muted: rgba(15,23,42,.68);--shadow-soft: 0 14px 30px rgba(2,6,23,.1);--shadow: 0 18px 40px rgba(2,6,23,.12);--ring: rgba(99,102,241,.22)}.form{border-radius:18px;border:1px solid rgba(15,23,42,.14);background:radial-gradient(900px 260px at 18% 0%,rgba(255,255,255,.48),transparent 60%),linear-gradient(180deg,#ffffffa8,#ffffff8f);box-shadow:var(--shadow-soft);padding:12px}.form-section+.form-section{margin-top:12px}.form-section h3{margin:0 0 10px;font-size:18px;letter-spacing:-.2px;color:#0f172aeb}.grid-1{display:grid;grid-template-columns:1fr;gap:10px}.field{display:block}.field span{display:block;font-weight:900;margin-bottom:6px;font-size:17px;line-height:1.35;color:#0f172ae6}.field input,.field select,.field textarea{width:100%;border-radius:14px;padding:12px;border:1px solid rgba(15,23,42,.14);background:radial-gradient(140px 140px at 18% 20%,rgba(99,102,241,.06),transparent 60%),linear-gradient(180deg,#ffffffe0,#ffffffc7);font-size:18px;line-height:1.35;color:#202020;outline:none;box-shadow:0 10px 22px #02061714,inset 0 1px #ffffff59;transition:box-shadow .15s ease,border-color .15s ease,transform .12s ease}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6366f152;box-shadow:0 0 0 4px var(--ring),0 16px 36px #0206171c,inset 0 1px #ffffff59}.field input:active,.field select:active,.field textarea:active{transform:translateY(1px);color:#414141}.hint{margin-top:6px;font-size:15.5px;color:#374151;line-height:1.5}.form-footer{margin-top:12px}.check{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:var(--muted);font-size:15px;line-height:1.45}.check input{margin-top:2px;transform:scale(1.12);accent-color:#4f46e5}.fieldset{border:0;padding:0;margin:0}.fieldset legend{font-weight:900;margin-bottom:8px;font-size:17px;line-height:1.35;color:#0f172ae6}.radio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:420px){.radio-row{grid-template-columns:1fr}}.radio{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.14);background:radial-gradient(160px 160px at 20% 15%,rgba(99,102,241,.1),transparent 60%),linear-gradient(180deg,#ffffffb3,#ffffff94);box-shadow:0 14px 32px #0206171a;font-weight:900;color:#0f172aeb;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}@media(hover:hover){.radio:hover{transform:translateY(-1px);box-shadow:0 20px 48px #02061724;border-color:#0f172a2e}}@media(hover:none){.radio:hover{transform:none}}.radio input{position:absolute;opacity:0;pointer-events:none}.radio span{font-size:15px;line-height:1.1}.radio:has(input:checked){border-color:#6366f157;background:radial-gradient(180px 180px at 20% 20%,rgba(99,102,241,.18),transparent 60%),radial-gradient(180px 180px at 90% 15%,rgba(34,197,94,.12),transparent 60%),linear-gradient(180deg,#ffffffdb,#ffffffa8);box-shadow:0 26px 64px #02061729}.radio:has(input:checked):after{content:"✓";position:absolute;top:10px;right:12px;font-size:14px;font-weight:900;opacity:.8;color:#0f172ac7}.bank-box{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(280px 120px at 18% 20%,rgba(14,165,233,.16),transparent 60%),linear-gradient(180deg,#dbeafee0,#ffffff9e);box-shadow:0 14px 30px #0206171a;padding:10px 12px;margin:10px 0;color:#0f172aeb;font-weight:900;line-height:1.45;font-size:13.5px}.check-tight{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#ffffffb3,#ffffff94);box-shadow:0 12px 26px #02061717;padding:10px 12px}.course-section{border-radius:20px;padding:14px 14px 16px;background:radial-gradient(220px 220px at 15% 15%,rgba(99,102,241,.16),transparent 85%),radial-gradient(240px 240px at 90% 10%,rgba(34,197,94,.12),transparent 80%),linear-gradient(180deg,#96cce6d1,#fff9);border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 44px #0206171f}.course-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.course-section-icon{font-size:20px;line-height:1;margin-top:2px;opacity:.9}.course-section-head h3{margin:0;font-size:18px;color:#0f172aeb}.course-section-sub{margin:4px 0 0;font-size:16px;color:#475569;line-height:1.5}.day-grid,.checkgrid{display:grid;gap:10px}.day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:460px){.day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkgrid{grid-template-columns:1fr}}.check-pill{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 10px;border-radius:16px;border:1px solid rgba(15,23,42,.14);background:radial-gradient(180px 120px at 18% 20%,rgba(99,102,241,.1),transparent 60%),linear-gradient(180deg,#ffffffb3,#ffffff94);box-shadow:0 14px 30px #0206171a;font-weight:900;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}@media(hover:hover){.check-pill:hover{transform:translateY(-1px);box-shadow:0 20px 48px #02061724;border-color:#0f172a2e}}@media(hover:none){.check-pill:hover{transform:none}}.check-pill input{position:absolute;opacity:0;pointer-events:none}.check-pill:has(input:checked){border-color:#6366f157;background:radial-gradient(180px 180px at 20% 20%,rgba(99,102,241,.18),transparent 60%),radial-gradient(180px 180px at 90% 15%,rgba(34,197,94,.12),transparent 60%),linear-gradient(180deg,#ffffffdb,#ffffffa8);box-shadow:0 26px 62px #02061729}.time-range{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.time-sep{font-weight:900;color:var(--muted)}.notice{border-radius:16px;padding:12px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#ffffffb3,#ffffff94);box-shadow:0 14px 30px #0206171a;color:#0f172aeb;font-weight:900;line-height:1.4;font-size:13.5px}.notice-info{background:radial-gradient(240px 120px at 18% 20%,rgba(14,165,233,.14),transparent 60%),linear-gradient(180deg,#dbeafee0,#ffffff9e)}.notice-warning{background:radial-gradient(240px 120px at 18% 20%,rgba(249,115,22,.14),transparent 60%),linear-gradient(180deg,#ffedd5e6,#ffffff9e)}.is-disabled{opacity:.55;filter:grayscale(.15);cursor:not-allowed!important}.is-disabled:hover{transform:none!important;box-shadow:0 14px 30px #0206171a!important}.day-time-grid{display:grid;gap:12px}.day-time-card{border-radius:18px;padding:12px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(320px 140px at 15% 0%,rgba(99,102,241,.1),transparent 60%),linear-gradient(180deg,#ffffffb8,#ffffff94);box-shadow:0 16px 36px #0206171a}.day-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.day-pill{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#ffffffa8,#ffffff8f);box-shadow:0 12px 26px #02061714;font-weight:900;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.day-pill input{width:18px;height:18px;accent-color:#4f46e5}.day-name{font-size:15px}.day-pill:has(input:checked){border-color:#6366f157;background:radial-gradient(160px 160px at 20% 20%,rgba(99,102,241,.14),transparent 60%),linear-gradient(180deg,#ffffffd6,#ffffff9e);box-shadow:0 20px 52px #02061724}.add-time-btn{border:1px dashed rgba(15,23,42,.26);background:#ffffff94;border-radius:14px;padding:8px 10px;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}.add-time-btn:active{transform:translateY(1px)}.time-slots{margin-top:10px}.hidden{display:none!important}.time-list{display:grid;gap:10px}.time-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.time-item input[type=time]{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#ffffffdb,#ffffffc2);box-shadow:0 10px 22px #02061714}.time-remove{border:1px solid rgba(15,23,42,.14);background:#ffffffb3;border-radius:14px;padding:10px 12px;font-weight:900;cursor:pointer}.daypick-wrap{display:grid;gap:12px}.daypick{border-radius:18px;padding:12px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(320px 140px at 15% 0%,rgba(99,102,241,.1),transparent 60%),linear-gradient(180deg,#ffffffb8,#ffffff94);box-shadow:0 16px 36px #0206171a}.daypick-head{display:flex;align-items:center;gap:10px;font-weight:900;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172ae6}.daypick-head input{width:18px;height:18px;accent-color:#4f46e5}.daypick-body{margin-top:10px}.daypick-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px}.daypick-controls select{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#ffffffe0,#ffffffc2);font-weight:900;box-shadow:0 10px 22px #02061714}.time-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.14);background:radial-gradient(160px 160px at 20% 20%,rgba(99,102,241,.14),transparent 60%),linear-gradient(180deg,#ffffffd6,#ffffffa3);box-shadow:0 14px 30px #0206171a;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;color:#0f172aeb}.chip-x{opacity:.75;font-weight:900}.field>span,.fieldset>legend{font-size:18px;line-height:1.4}.field input,.field select,.field textarea{min-height:54px;font-size:18px}.hint{font-size:16px;line-height:1.55;color:#334155}.check-pill,.radio{min-height:54px}.audio-capture{display:grid;gap:12px;border:1px solid rgba(15,23,42,.16);border-radius:18px;padding:14px;background:radial-gradient(260px 180px at 10% 0%,rgba(99,102,241,.1),transparent 65%),linear-gradient(180deg,#fffffff0,#ffffffc7);box-shadow:0 12px 28px #02061717}.audio-simple-title{display:grid;gap:3px}.audio-simple-title strong{font-size:18px;line-height:1.35;color:#0f172a}.audio-simple-title small{font-size:15px;line-height:1.5;color:#475569}.audio-capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.audio-action-btn{min-height:66px;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:12px 14px;font-size:20px;font-weight:900;line-height:1.2;cursor:pointer;box-shadow:0 10px 22px #02061714}.audio-action-btn>span:last-child{display:grid;gap:2px}.audio-action-btn strong{font-size:17px;line-height:1.25}.audio-action-btn small{font-size:13px;line-height:1.35;font-weight:700;opacity:.82}.audio-record-btn{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff}.audio-stop-btn{grid-column:1 / -1;background:linear-gradient(180deg,#dc2626,#b91c1c);color:#fff;border-color:#7f1d1d57}.audio-upload-btn{background:linear-gradient(180deg,#fff7d6,#fde68a);color:#3f2d00}.audio-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.audio-capture-status{border-radius:14px;padding:11px 12px;background:#f8fafc;border:1px solid rgba(15,23,42,.1);font-size:16px;line-height:1.5;font-weight:800;color:#334155}.audio-capture.is-recording .audio-capture-status{background:#fff1f2;border-color:#be123c2e;color:#b91c1c;font-weight:900}.audio-preview{width:100%;min-height:48px}.audio-ready-actions{display:flex;gap:10px;flex-wrap:wrap}.audio-edit-btn,.audio-clear-btn{min-height:48px;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.25;font-weight:900;cursor:pointer}.audio-edit-btn{border:1px solid rgba(15,23,42,.16);background:#eef2ff;color:#312e81}.audio-clear-btn{border:1px solid rgba(180,35,24,.18);background:#fff5f4;color:#b42318}.audio-trim-panel{display:grid;gap:12px;border:2px solid rgba(99,102,241,.2);border-radius:18px;padding:14px;background:#fff;box-shadow:0 14px 30px #0206171a}.audio-trim-panel[hidden]{display:none!important}.audio-trim-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audio-trim-head>div{display:grid;gap:3px}.audio-trim-head strong{font-size:17px;line-height:1.35;color:#0f172a}.audio-trim-head small{font-size:14px;line-height:1.45;color:#475569}.audio-trim-close{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(15,23,42,.14);border-radius:50%;background:#f8fafc;color:#0f172a;font-size:26px;cursor:pointer}.audio-trim-loading,.audio-trim-status{font-size:15px;line-height:1.45;font-weight:800;color:#475569}.audio-trim-controls{display:grid;gap:14px}.audio-trim-controls[hidden],.audio-trim-loading[hidden]{display:none!important}.audio-trim-row{display:grid;gap:8px}.audio-trim-row>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font-size:16px}.audio-trim-row output{min-width:58px;border-radius:999px;padding:5px 9px;background:#f1f5f9;text-align:center;font-weight:900;color:#0f172a}.audio-trim-row input[type=range]{width:100%;min-height:38px;padding:0;box-shadow:none;accent-color:#4f46e5;cursor:pointer}.audio-trim-summary{border-radius:14px;padding:10px 12px;background:#f8fafc;border:1px solid rgba(15,23,42,.1);font-size:15px;line-height:1.4;font-weight:900;color:#0f172a}.audio-trim-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audio-trim-preview-btn,.audio-trim-apply-btn{min-height:52px;border-radius:14px;padding:11px 13px;font-size:15px;font-weight:900;cursor:pointer}.audio-trim-preview-btn{border:1px solid rgba(15,23,42,.14);background:#f8fafc;color:#0f172a}.audio-trim-apply-btn{border:1px solid rgba(30,64,175,.18);background:#1d4ed8;color:#fff}.audio-trim-apply-btn:disabled{opacity:.6;cursor:wait}.reading-passage-launch{display:grid;gap:6px;margin:2px 0 12px}.reading-open-btn{width:100%;min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:2px solid rgba(15,118,110,.2);border-radius:18px;padding:13px 14px;background:radial-gradient(280px 150px at 100% 0%,rgba(16,185,129,.12),transparent 70%),linear-gradient(180deg,#fff,#f0fdfa);color:#0f172a;text-align:left;cursor:pointer;box-shadow:0 12px 26px #02061714}.reading-open-icon{font-size:30px}.reading-open-copy{display:grid;gap:3px}.reading-open-copy strong{font-size:18px;line-height:1.3}.reading-open-copy small{font-size:14px;line-height:1.4;color:#475569}.reading-open-arrow{font-size:34px;line-height:1;color:#0f766e}.reading-open-note{margin:0;font-size:15px;line-height:1.45;font-weight:800;color:#475569}.quran-reading-popup{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px;background:#020617b8;overscroll-behavior:contain}.quran-reading-popup[hidden]{display:none!important}.quran-reading-popup-card{--quran-font-size: 54px;width:min(980px,100%);max-height:min(94dvh,920px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:24px;background:#fffefb;box-shadow:0 34px 100px #00000075;outline:none}.quran-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px 14px;border-bottom:1px solid rgba(15,23,42,.1);background:#fff}.quran-popup-header>div{display:grid;gap:3px}.quran-popup-kicker{font-size:12px;line-height:1.2;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#0f766e}.quran-popup-header h3{margin:0;font-size:clamp(21px,3vw,30px);line-height:1.2;color:#0f172a}.quran-popup-header p{margin:0;font-size:15px;line-height:1.45;color:#475569}.quran-popup-close{width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(15,23,42,.14);border-radius:50%;background:#f8fafc;color:#0f172a;font-size:30px;line-height:1;cursor:pointer}.quran-font-controls{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(15,23,42,.1);background:#f8fafc}.quran-size-btn{min-width:54px;min-height:48px;border:1px solid rgba(15,23,42,.14);border-radius:14px;background:#fff;color:#0f172a;font-size:18px;font-weight:950;cursor:pointer}.quran-size-slider-wrap{display:grid;gap:5px}.quran-size-slider-wrap>span{margin:0;font-size:14px;line-height:1.2;font-weight:900;color:#334155}.quran-size-slider-wrap input[type=range]{width:100%;min-height:34px;padding:0;box-shadow:none;accent-color:#0f766e}.quran-size-output{min-width:62px;border-radius:999px;padding:7px 9px;background:#e2e8f0;text-align:center;font-size:14px;font-weight:950;color:#0f172a}.quran-popup-recording-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid rgba(15,23,42,.1);background:#f8fafc}.quran-recording-dot{width:14px;height:14px;border-radius:50%;background:#94a3b8}.quran-popup-recording-bar>div{display:grid;gap:1px}.quran-popup-recording-bar strong{font-size:15px;line-height:1.3;color:#334155}.quran-popup-recording-bar small{font-size:12.5px;line-height:1.35;color:#64748b}.quran-popup-recording-bar.is-recording{background:#fff1f2}.quran-popup-recording-bar.is-recording .quran-recording-dot{background:#dc2626;box-shadow:0 0 0 6px #dc26261f;animation:qajRecordingPulse 1.15s ease-in-out infinite}.quran-popup-recording-bar.is-recording strong{color:#b91c1c}@keyframes qajRecordingPulse{50%{transform:scale(1.18);opacity:.68}}.quran-ayah-list{--quran-font-size: 54px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:0;padding:16px 22px 24px;text-align:right;background:radial-gradient(520px 260px at 100% 0%,rgba(16,185,129,.06),transparent 70%),#fffefb}.quran-ayah-row{margin:0;padding:15px 4px;border-bottom:1px solid rgba(15,23,42,.09);font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Traditional Arabic,Arial,serif;font-size:var(--quran-font-size);line-height:2;color:#111827;letter-spacing:0}.quran-ayah-row:last-child{border-bottom:0}.quran-ayah-text{display:inline;font-weight:500}.quran-ayah-number{display:inline-block;margin-inline-start:8px;font-family:Georgia,Times New Roman,serif;font-size:.58em;font-weight:800;color:#7c5a00;white-space:nowrap}.quran-popup-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(15,23,42,.1);background:#fff}.quran-popup-action{min-height:54px;border-radius:15px;padding:11px 14px;font-size:16px;line-height:1.25;font-weight:950;cursor:pointer}.quran-popup-record{border:1px solid rgba(15,23,42,.18);background:#0f172a;color:#fff}.quran-popup-stop{border:1px solid rgba(127,29,29,.24);background:#dc2626;color:#fff}.quran-popup-done{border:1px solid rgba(15,23,42,.14);background:#f1f5f9;color:#0f172a}@media(max-width:700px){.form{padding:10px}.course-section{padding:12px}.field>span,.fieldset>legend{font-size:18px}.field input,.field select,.field textarea{min-height:56px;font-size:18px;padding:13px}.hint,.course-section-sub{font-size:16px}.audio-capture{padding:12px}.audio-capture-actions{grid-template-columns:1fr}.audio-stop-btn{grid-column:auto}.audio-action-btn{min-height:68px}.audio-ready-actions,.audio-trim-actions{display:grid;grid-template-columns:1fr}.audio-edit-btn,.audio-clear-btn,.audio-trim-preview-btn,.audio-trim-apply-btn{width:100%}.reading-open-btn{min-height:76px}.quran-reading-popup{padding:0;place-items:stretch}.quran-reading-popup-card{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}.quran-popup-header{padding:max(12px,env(safe-area-inset-top)) 13px 11px}.quran-popup-header p{font-size:14px}.quran-popup-close{width:46px;height:46px;flex-basis:46px}.quran-font-controls{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}.quran-size-output{grid-column:1 / -1;justify-self:center}.quran-popup-recording-bar{padding:9px 12px}.quran-ayah-list{padding:10px 14px 18px}.quran-ayah-row{padding:12px 0;line-height:1.9}.quran-popup-footer{grid-template-columns:1fr;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.quran-popup-action{min-height:56px}}@media(max-width:420px){.reading-open-btn{grid-template-columns:auto minmax(0,1fr)}.reading-open-arrow{display:none}.reading-open-copy strong{font-size:17px}.quran-popup-header h3{font-size:21px}.quran-font-controls{gap:7px}.quran-size-btn{min-width:50px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{height:auto}body{display:block!important;place-items:initial!important;min-height:100%!important;overflow-x:hidden}