:root{--accent: #F2612E;--accent-2: #FF8A50;--accent-ink: #ffffff;--ink: #3A2E24;--on-ink: #ffffff;--wa: #25D366;--accent-tint: #FFE9DC;--accent-text: #C2410C;--bg: #FFF7EE;--surface: #FFFFFF;--surface-2: #FFFDF8;--text: #4A392E;--text-soft: #6B5643;--muted: #96816F;--faint: #B9A796;--border: #F2E5D3;--field-bg: #FFFFFF;--desk-bg: #F1E4D2;--topbar-bg: rgba(255, 247, 238, .92);--success: #33BB88;--danger: #E8524A;--sky: #4FA8E8;--sky-soft: #E0F0FC;--sky-text: #2F7FBB;--lav: #8E6FE8;--lav-soft: #ECE5FC;--lav-text: #6A4DC4;--mint: #33BB88;--mint-soft: #DEF5EA;--mint-text: #1F8F66;--pink: #EF6FA0;--pink-soft: #FDE4EF;--pink-text: #CC4A80;--yellow: #F5A623;--yellow-soft: #FFF1D2;--yellow-text: #B9790A;--teal: #2FB39C;--teal-soft: #DCF4EE;--teal-text: #1C7C68;--paper: var(--bg);--white: var(--surface);--mist: var(--border);--ink-soft: var(--text-soft);--accent-dark: var(--accent-text);--font-display: "Baloo 2", cursive;--font-body: "Nunito", sans-serif;--font-mono: "Nunito", sans-serif;--radius-s: 14px;--radius-m: 20px;--radius-l: 28px;--radius-pill: 999px;--shadow-card: 0 10px 30px rgba(122,68,30,.09);--shadow-nav: 0 12px 34px rgba(122,68,30,.18);--app-max: 480px;--desk-max: 1080px;--bnav-h: 60px;--bnav-gap: 14px;--topbar-h: 64px}:root[data-theme=dark]{--bg: #1C1611;--surface: #26201A;--surface-2: #2C251D;--text: #F5ECE1;--text-soft: #D8C9B8;--muted: #B7A491;--faint: #8C7C6C;--border: #3A3025;--field-bg: #26201A;--desk-bg: #120E0A;--topbar-bg: rgba(28, 22, 17, .88);--accent-tint: rgba(242,97,46,.18);--accent-text: #FF9666;--sky-soft: rgba(79,168,232,.16);--sky-text: #8FCBFA;--lav-soft: rgba(142,111,232,.18);--lav-text: #C3B0F7;--mint-soft: rgba(51,187,136,.16);--mint-text: #7FE0B8;--pink-soft: rgba(239,111,160,.16);--pink-text: #F6A9C6;--yellow-soft: rgba(245,166,35,.16);--yellow-text: #FFC968;--teal-soft: rgba(47,179,156,.16);--teal-text: #7FDFCB;--success: #4ADE80;--danger: #F17A72;--shadow-card: 0 10px 30px rgba(0,0,0,.5);--shadow-nav: 0 12px 34px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;color:var(--text);margin:0 0 8px;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:var(--font-body);color:inherit;cursor:pointer}img{max-width:100%;display:block}.mono{font-family:var(--font-body);font-weight:800;font-variant-numeric:tabular-nums}.app-shell{max-width:var(--app-max);margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.topbar{min-height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);position:sticky;top:0;z-index:30}.topbar .brand{display:flex;align-items:center;gap:10px;min-width:0}.topbar .brand img{height:34px;border-radius:10px;box-shadow:0 3px 8px #7a441e2e;flex-shrink:0;transition:transform .15s ease}.topbar .brand .txt b{transition:color .15s ease}.topbar .brand .txt{min-width:0}.topbar .brand .txt b{display:block;font-family:var(--font-display);font-weight:800;font-size:.95rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .brand .txt span{display:block;font-size:.65rem;font-weight:700;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-left{display:flex;align-items:center;gap:10px;min-width:0}.tb-title{font-family:var(--font-display);font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:36px;height:36px;border-radius:var(--radius-pill);flex-shrink:0;background:var(--surface);border:1.5px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-card)}.topbar .back-btn{font-size:1.1rem}.topbar-right{display:flex;align-items:center;gap:10px}.call-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);padding:8px 13px;font-size:.75rem;font-weight:800;color:var(--text);flex-shrink:0}.call-chip svg{color:var(--teal-text, var(--teal));flex-shrink:0}@media (max-width: 420px){.call-chip{padding:9px}.call-chip .chip-text{display:none}}.desktop-nav{display:none}.page{padding:16px 16px 104px;min-height:calc(100vh - var(--topbar-h))}.profile-btn{width:38px;height:38px;border-radius:var(--radius-pill);padding:0;border:2px solid var(--border);background:var(--surface);color:var(--text);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-card)}.profile-btn img{width:100%;height:100%;object-fit:cover}.profile-btn .initial{font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--accent-text)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:transparent}.profile-menu{position:absolute;top:calc(var(--topbar-h) - 4px);right:12px;z-index:61;width:250px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:0 20px 50px #7a441e38;overflow:hidden}.profile-menu .pm-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border)}.profile-menu .pm-head .avatar-circle{width:40px;height:40px}.profile-menu .pm-head .nm{font-weight:800;font-size:.85rem;font-family:var(--font-display)}.profile-menu .pm-head .rl{font-size:.72rem;color:var(--muted)}.menu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;background:none;border:none;color:var(--text);font-size:.85rem;font-weight:700}.menu-item:hover{background:var(--bg)}.menu-item svg{color:var(--muted);flex-shrink:0}.menu-item.danger{color:var(--danger)}.menu-item.danger svg{color:var(--danger)}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:.85rem;font-weight:700;border-top:1px solid var(--border)}.menu-row .lbl{display:flex;align-items:center;gap:12px}.menu-row .lbl svg{color:var(--muted)}.switch{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--border);border:none;flex-shrink:0;transition:background .2s}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.switch.on .knob{transform:translate(20px)}.bottom-nav{position:fixed;bottom:calc(var(--bnav-gap) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:calc(var(--app-max) - 20px);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-nav);border-radius:var(--radius-pill);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px;z-index:40}:root[data-theme=dark] .bottom-nav{background:#26201aeb}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--faint);font-size:.64rem;font-weight:800;background:none;border:none;padding:8px 0 7px;border-radius:var(--radius-pill)}.bottom-nav .nav-icon{display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav a.active,.bottom-nav button.active{color:var(--accent);background:var(--accent-tint)}.card{background:var(--surface);border-radius:var(--radius-m);padding:16px;box-shadow:var(--shadow-card);margin-bottom:14px;border:1px solid var(--border)}a.card,button.card{cursor:pointer;transition:transform .16s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){a.card:hover,button.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #7a441e29}}a.card:active,button.card:active{transform:scale(.99)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-pill);padding:14px 21px;font-weight:800;font-size:.95rem;width:100%;transition:transform .18s ease,filter .15s ease,box-shadow .18s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (hover: hover){.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.btn-primary:hover:not(:disabled){box-shadow:0 14px 28px #f2612e66}}.btn-primary{background:linear-gradient(140deg,var(--accent-2),var(--accent));color:var(--accent-ink);box-shadow:0 10px 22px #f2612e52}.btn-dark{background:var(--ink);color:var(--on-ink)}.btn-ghost{background:var(--border);color:var(--text)}.btn-outline{background:var(--surface);border:2px solid var(--border);color:var(--text)}.btn-outline-dark{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:9px 15px;font-size:.82rem;width:auto}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row .btn{flex:1}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:800;color:var(--text-soft);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--radius-s);border:1.5px solid var(--border);font-family:var(--font-body);font-size:.95rem;font-weight:600;background:var(--field-bg);color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:90px}.field-error{color:var(--danger);font-size:.78rem;margin-top:4px;font-weight:700}.phone-input{display:flex;align-items:stretch}.phone-input .phone-prefix{display:flex;align-items:center;padding:0 12px;background:var(--border);color:var(--text);font-weight:800;font-size:.9rem;border:1.5px solid var(--border);border-right:none;border-radius:var(--radius-s) 0 0 var(--radius-s)}.phone-input input{border-radius:0 var(--radius-s) var(--radius-s) 0!important}.field small.hint{display:block;color:var(--muted);font-size:.75rem;margin-top:4px;font-weight:600}.badge{display:inline-block;font-size:.68rem;font-weight:800;padding:4px 11px;border-radius:var(--radius-pill);background:var(--border);color:var(--text-soft);margin-right:4px}.badge-accent{background:var(--accent-tint);color:var(--accent-text)}.badge-success{background:#33bb8824;color:var(--mint-text)}.badge-danger{background:#e8524a24;color:var(--danger)}.badge-sky{background:var(--sky-soft);color:var(--sky-text)}.badge-lav{background:var(--lav-soft);color:var(--lav-text)}.badge-mint{background:var(--mint-soft);color:var(--mint-text)}.badge-pink{background:var(--pink-soft);color:var(--pink-text)}.badge-yellow{background:var(--yellow-soft);color:var(--yellow-text)}.badge-teal{background:var(--teal-soft);color:var(--teal-text)}.hero{background:linear-gradient(140deg,#ffe8c8,#ffd9b0 55%,#ffcf9d);color:var(--text);border-radius:var(--radius-l);padding:26px 22px 30px;margin-bottom:18px;position:relative;overflow:hidden}:root[data-theme=dark] .hero{background:linear-gradient(140deg,#3a2c1c,#2e2116 55%,#241a10)}.hero>*{position:relative;z-index:1}.blob{position:absolute;border-radius:50%;background:#fff6;pointer-events:none;z-index:0}:root[data-theme=dark] .blob{background:#ffffff0d}.blob-1{width:170px;height:170px;top:-70px;right:-45px}.blob-2{width:90px;height:90px;bottom:-35px;left:-25px;background:#ffffff4d}:root[data-theme=dark] .blob-2{background:#ffffff0a}.spark{position:absolute;color:#ffb627;pointer-events:none;z-index:1}.spark-1{top:18px;right:100px;width:16px;height:16px}.spark-2{top:62px;right:26px;width:11px;height:11px;color:#fff}.spark-3{bottom:26px;right:130px;width:13px;height:13px;color:#fff}.laptop{position:absolute;top:16px;right:12px;width:74px;transform:rotate(6deg);z-index:1}@media (max-width: 380px){.laptop{width:58px}.spark-1{right:82px}.spark-3{right:108px}}@media (prefers-reduced-motion: no-preference){@keyframes floaty{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-7px)}}.laptop{animation:floaty 4.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.spark{animation:twinkle 2.6s ease-in-out infinite}.spark-2{animation-delay:.9s}.spark-3{animation-delay:1.7s}}.hero .eyebrow{display:inline-flex;align-items:center;gap:6px;background:#ffffffa6;border-radius:var(--radius-pill);padding:7px 13px;font-size:.7rem;font-weight:800;color:var(--text)}:root[data-theme=dark] .hero .eyebrow{background:#ffffff14;color:var(--text)}.hero h1{font-family:var(--font-display);color:var(--text);font-size:clamp(1.7rem,8vw,2.6rem);line-height:1.12;margin:14px 0 6px;max-width:14ch}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:var(--text-soft);margin:0 0 18px;font-size:.88rem;font-weight:700;line-height:1.6;max-width:44ch}.bit-pulse,.home-hero-stats{display:none}.say-hi{margin-top:28px;background:linear-gradient(150deg,var(--teal-soft),var(--mint-soft));border-radius:var(--radius-l);padding:26px 22px;text-align:center}.say-hi h3{font-size:1.15rem}.say-hi p{margin-top:6px;font-size:.85rem;font-weight:700;color:var(--text-soft);max-width:38ch;margin-inline:auto}.say-hi .ctas{justify-content:center;margin-top:16px}.btn-teal{background:var(--teal);color:#fff;box-shadow:0 10px 22px #2fb39c4d}.hero .btn-row .btn,.say-hi .ctas .btn{flex:none;width:auto}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 12px}.section-title h2{font-size:1.15rem;margin:0}.section-title a,.section-title button{font-size:.8rem;color:var(--teal-text, var(--teal));font-weight:800;background:none;border:none}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}.stat-card{background:var(--surface);border-radius:var(--radius-m);padding:16px 8px 14px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border)}.stat-card .bub{width:38px;height:38px;border-radius:var(--radius-pill);margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:var(--lav-soft);color:var(--lav-text)}.stat-card:nth-child(2) .bub{background:var(--sky-soft);color:var(--sky-text)}.stat-card:nth-child(3) .bub{background:var(--yellow-soft);color:var(--yellow-text)}.stat-card .num{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text)}.stat-card .num.accent{color:var(--accent-text)}.stat-card .lbl{font-size:.66rem;font-weight:800;color:var(--muted);margin-top:2px;line-height:1.3}.course{display:grid;grid-template-columns:60px 1fr auto;gap:13px;align-items:flex-start}.tile{width:60px;height:60px;border-radius:19px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;flex-shrink:0}.tile img{width:100%;height:100%;object-fit:cover}.tile-sky{background:linear-gradient(140deg,#6FBCF2,var(--sky))}.tile-lav{background:linear-gradient(140deg,#A78BF0,var(--lav))}.tile-mint{background:linear-gradient(140deg,#5ACFA0,var(--mint))}.tile-pink{background:linear-gradient(140deg,#F98BB4,var(--pink))}.tile-yellow{background:linear-gradient(140deg,#F9C877,var(--yellow))}.tile-teal{background:linear-gradient(140deg,#5FCBB8,var(--teal))}.course-body h3{font-size:.95rem;font-weight:800;line-height:1.35;margin:0}.course-body .meta{margin-top:7px;display:flex;gap:6px;flex-wrap:wrap}.course-desc{margin-top:8px;font-size:.78rem;font-weight:600;color:var(--muted);line-height:1.55}.course .fee{text-align:right}.course .fee b{display:block;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--accent-text)}.course .fee span{display:block;font-size:.62rem;font-weight:700;color:var(--faint)}.course-card{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.course-card h3{font-size:.95rem;margin:0 0 6px}.course-card .fee{font-family:var(--font-display);font-weight:800;color:var(--accent-text);font-size:1rem;text-align:right;white-space:nowrap}.course-card .fee small{display:block;font-family:var(--font-body);font-weight:600;color:var(--faint);font-size:.65rem}.course-thumb{width:100%;height:120px;border-radius:var(--radius-s);margin-bottom:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--accent-tint)}.course-thumb img{width:100%;height:100%;object-fit:cover}.course-thumb svg{color:var(--accent-text)}.course-img{width:100%;height:130px;object-fit:cover;border-radius:var(--radius-s);margin-bottom:10px;background:var(--border)}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:11px 15px;margin-bottom:16px;font-size:.85rem;color:var(--muted)}.search-box input{border:none;outline:none;flex:1;font-size:.9rem;font-weight:600;background:transparent;color:var(--text)}.filter-row{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px}.filter-chip{flex-shrink:0;padding:7px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border);font-size:.75rem;font-weight:800;color:var(--text-soft);background:var(--surface)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.list-item{display:flex;align-items:center;gap:12px}.icon-tile{width:46px;height:46px;border-radius:14px;background:var(--accent-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.icon-tile.ic-sky{background:var(--sky-soft);color:var(--sky-text)}.icon-tile.ic-lav{background:var(--lav-soft);color:var(--lav-text)}.icon-tile.ic-mint{background:var(--mint-soft);color:var(--mint-text)}.icon-tile.ic-pink{background:var(--pink-soft);color:var(--pink-text)}.icon-tile.ic-yellow{background:var(--yellow-soft);color:var(--yellow-text)}.icon-tile.ic-teal{background:var(--teal-soft);color:var(--teal-text)}.icon-tile.ic-wa{background:#25d36624;color:#1ea94f}.list-item .body{flex:1;min-width:0}.list-item .title{font-weight:800;font-size:.9rem;color:var(--text);margin-bottom:2px}.list-item .sub{font-size:.76rem;font-weight:600;color:var(--muted)}.chevron{color:var(--faint);font-size:1.1rem;display:flex;align-items:center}.install-row{border:2px dashed #F2B98A;background:linear-gradient(150deg,#fff3e4,#ffe7cf)}:root[data-theme=dark] .install-row{background:linear-gradient(150deg,#f2612e1a,#f2612e0a);border-color:#f2612e59}.install-row .icon-tile{background:var(--surface);color:var(--accent-text)}.pin-tag{display:inline-flex;align-items:center;gap:4px;font-size:.64rem;font-weight:800;color:var(--accent-text);background:var(--accent-tint);padding:3px 10px;border-radius:var(--radius-pill);margin-bottom:6px}.notice-date{font-size:.68rem;font-weight:700;color:var(--faint)}.notice-img{width:100%;border-radius:var(--radius-s);margin:8px 0;max-height:220px;object-fit:cover}.avatar-circle{width:44px;height:44px;border-radius:var(--radius-pill);background:linear-gradient(140deg,#FFE1CE,var(--accent-tint));border:2px solid #FADFCD;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;color:var(--accent-text);overflow:hidden;flex-shrink:0}.avatar-circle img{width:100%;height:100%;object-fit:cover}.testimonial .stars{display:flex;gap:3px;color:var(--yellow)}.testimonial p{font-size:.9rem;font-weight:700;color:var(--text-soft);line-height:1.7;margin:10px 0 0}.testimonial .who{margin-top:12px;font-weight:800;font-size:.82rem;color:var(--text)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:.85rem;font-weight:700}.empty-state .emoji{font-size:2rem;margin-bottom:10px}.offline-state{text-align:center;padding:46px 20px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted)}.offline-state svg{color:var(--muted);margin-bottom:6px}.offline-state-title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--text)}.offline-state-sub{font-size:.83rem;font-weight:600;margin-bottom:12px;max-width:260px;line-height:1.5}.whatsapp-fab{position:fixed;right:calc(50% - var(--app-max)/2 + 18px);bottom:calc(var(--bnav-h) + var(--bnav-gap) + 12px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:var(--radius-pill);background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px #25d36666;z-index:45;transition:transform .18s ease}@media (hover: hover){.whatsapp-fab:hover{transform:translateY(-3px) scale(1.04)}}@media (max-width: 480px){.whatsapp-fab{right:18px}}.install-banner{position:fixed;bottom:calc(var(--bnav-h) + var(--bnav-gap) + 12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:calc(var(--app-max) - 32px);background:var(--ink);color:var(--on-ink);border-radius:var(--radius-m);padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-nav);z-index:50}.install-banner .txt{flex:1;font-size:.75rem;font-weight:600;line-height:1.35}.install-banner .txt b{color:var(--accent-2)}.install-banner button.install-btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-pill);padding:8px 13px;font-size:.72rem;font-weight:800}.install-banner button.dismiss{background:none;border:none;color:#c9c9cf;padding:2px 6px;display:flex}.offline-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--text-soft);color:var(--bg);font-size:.78rem;font-weight:800;padding:8px 12px;text-align:center;position:sticky;top:var(--topbar-h);z-index:25}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:700;z-index:100;box-shadow:var(--shadow-card);max-width:calc(100% - 40px);text-align:center}.toast.error{background:var(--danger)}.toast.success{background:var(--success)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2e248c;z-index:300;display:flex;align-items:center;justify-content:center;padding:22px}.dialog-box{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:0 20px 60px #00000059;width:100%;max-width:360px;padding:24px;animation:dialogpop .15s ease}@keyframes dialogpop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.dialog-title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;margin-bottom:8px;color:var(--text)}.dialog-message{font-size:.88rem;font-weight:600;color:var(--text-soft);line-height:1.55;margin-bottom:20px}.dialog-actions{display:flex;gap:10px}.dialog-actions .btn{flex:1}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1611c7;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.viewer-modal{background:var(--surface);border-radius:var(--radius-m);width:100%;max-width:700px;height:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.viewer-title{font-weight:800;font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.viewer-close{background:var(--border);border:none;border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text);display:flex;align-items:center;justify-content:center}.viewer-body{flex:1;overflow:auto;background:var(--bg);display:flex;position:relative}.viewer-body.pdf{flex-direction:column;align-items:center;padding:12px}.viewer-body img{margin:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer-foot{padding:8px 14px;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted);font-weight:700;text-align:center}.viewer-progress{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.viewer-bar{width:200px;height:8px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.viewer-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .15s ease}.viewer-bar.indeterminate .viewer-bar-fill{width:40%;animation:barslide 1.1s ease-in-out infinite}@keyframes barslide{0%{margin-left:-40%}to{margin-left:100%}}.viewer-pct{font-size:1.05rem;font-weight:800;color:var(--text)}.viewer-hint{font-size:.8rem;font-weight:600;color:var(--muted)}.pdf-pages{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.pdf-holder{display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:4px;box-shadow:0 2px 10px #00000040;flex-shrink:0}canvas.pdf-page{display:block;max-width:100%;border-radius:4px;background:#fff}.noselect{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.login-wrap{padding-top:6px}.login-logo{display:flex;justify-content:center;margin-bottom:18px}.login-logo img{height:60px;border-radius:16px}.page-head{padding:4px 0 16px}.page-head h1{font-size:1.5rem;margin:0 0 4px}.page-head p{font-size:.82rem;font-weight:700;color:var(--muted);margin:0}.helper-text{font-size:.76rem;font-weight:600;color:var(--muted);text-align:center;margin-top:14px;line-height:1.55}.helper-text b{color:var(--text)}.rank-badge{font-family:var(--font-display);font-weight:800;font-size:1.9rem;color:var(--text)}.option-row{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1.5px solid var(--border);border-radius:var(--radius-s);margin-bottom:8px;background:var(--surface);width:100%;text-align:left;color:var(--text);font-weight:700}.option-row.selected{border-color:var(--accent);background:var(--accent-tint)}.option-row.correct{border-color:var(--success);background:#33bb881a}.option-row.wrong{border-color:var(--danger);background:#e8524a1a}.option-letter{width:26px;height:26px;border-radius:var(--radius-pill);background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;flex-shrink:0}.timer-pill{font-weight:800;background:var(--ink);color:var(--on-ink);padding:7px 15px;border-radius:var(--radius-pill);font-size:.85rem;display:inline-block}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.tabs button{flex-shrink:0;padding:9px 15px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:.78rem;font-weight:800}.tabs button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.adm-shell{display:flex;min-height:100vh;background:var(--bg)}.adm-sidebar{width:248px;flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(0);transition:transform .25s ease}.adm-sb-head{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;border-bottom:1px solid var(--border)}.adm-sb-head img{width:36px;height:36px;border-radius:10px;box-shadow:0 3px 8px #7a441e2e}.adm-sb-head b{display:block;font-family:var(--font-display);font-weight:800;font-size:.92rem}.adm-sb-head span{display:block;font-size:.68rem;color:var(--muted);font-weight:700}.adm-sb-close{display:none;margin-left:auto;background:var(--bg);border:none;border-radius:var(--radius-pill);width:30px;height:30px;align-items:center;justify-content:center;color:var(--muted)}.adm-sb-scroll{flex:1;overflow-y:auto;padding:14px 12px}.adm-sb-group{margin-bottom:18px}.adm-sb-group-label{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:0 10px;margin-bottom:6px}.adm-sb-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;background:none;padding:9px 10px;border-radius:12px;color:var(--text-soft);font-size:.85rem;font-weight:700;margin-bottom:2px;transition:background .15s,color .15s}.adm-sb-item svg{color:var(--muted);transition:color .15s;flex-shrink:0}.adm-sb-item:hover{background:var(--bg);color:var(--text)}.adm-sb-item.active{background:var(--accent-tint);color:var(--accent-text)}.adm-sb-item.active svg{color:var(--accent-text)}.adm-sb-count{margin-left:auto;background:var(--accent);color:#fff;font-size:.66rem;font-weight:800;border-radius:var(--radius-pill);padding:2px 7px;min-width:18px;text-align:center}.adm-sb-item.active .adm-sb-count{background:var(--accent-text);color:var(--surface)}.adm-sb-foot{border-top:1px solid var(--border);padding:12px;display:flex;align-items:center;gap:10px}.adm-sb-foot .av{width:34px;height:34px;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;flex-shrink:0}.adm-sb-foot .nm{font-size:.8rem;font-weight:800;line-height:1.2}.adm-sb-foot .rl{font-size:.68rem;color:var(--muted);font-weight:700}.adm-sb-foot button{margin-left:auto;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.adm-sb-foot button:hover{border-color:var(--danger);color:var(--danger)}.adm-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c161180;z-index:45}.adm-main{flex:1;margin-left:248px;min-width:0;display:flex;flex-direction:column}.adm-topbar{position:sticky;top:0;z-index:30;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:14px 26px;border-bottom:1px solid var(--border)}.adm-hamburger{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;width:38px;height:38px;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.adm-crumb-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem}.adm-crumb-sub{font-size:.74rem;color:var(--muted);font-weight:700}.adm-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.adm-bell{position:relative}.adm-bell-count{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:800;border-radius:var(--radius-pill);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--surface)}.adm-content{padding:24px 26px 60px;max-width:1180px;width:100%;margin:0 auto}.adm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.adm-stat{padding:18px;display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}.adm-stat-top{display:flex;align-items:center;gap:12px}.adm-stat .bub{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-stat b{font-family:var(--font-display);font-size:1.6rem;font-variant-numeric:tabular-nums}.adm-stat .lbl{font-size:.72rem;font-weight:800;color:var(--muted)}.adm-grid-2col{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}.adm-panel{padding:20px}.adm-panel h3{font-size:1rem;margin-bottom:14px}.adm-queue-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.adm-queue-row:last-child{border-bottom:none;padding-bottom:0}.adm-queue-row .av{width:38px;height:38px;border-radius:var(--radius-pill);background:var(--sky-soft);color:var(--sky-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.8rem;flex-shrink:0}.adm-queue-row .body{flex:1;min-width:0}.adm-queue-row .nm{font-size:.85rem;font-weight:800}.adm-queue-row .sub{font-size:.72rem;color:var(--muted);font-weight:700}.adm-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.adm-quick-tile{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:14px;border-radius:16px;border:1.5px solid var(--border);background:var(--bg);transition:border-color .15s,transform .15s}.adm-quick-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.adm-quick-tile .ic-wrap{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.adm-quick-tile b{font-size:.78rem;font-weight:800}@media (max-width: 900px){.adm-sidebar{transform:translate(-100%)}.adm-sidebar.open{transform:translate(0)}.adm-sb-close{display:flex}.adm-main{margin-left:0}.adm-hamburger{display:flex}.adm-scrim.show{display:block}.adm-content{padding:18px 16px 50px}.adm-topbar{padding:12px 16px}.adm-stat-grid{grid-template-columns:repeat(2,1fr)}.adm-grid-2col{grid-template-columns:1fr}.adm-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.adm-stat-grid{grid-template-columns:1fr 1fr}}.table-wrap{overflow-x:auto;border-radius:var(--radius-m)}table.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}table.admin-table th,table.admin-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);font-weight:600}table.admin-table th{color:var(--muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.admin-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.admin-topline h2{margin:0;font-size:1.15rem}.thumb-sm{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--border)}.file-input-label{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--faint);border-radius:var(--radius-s);padding:12px 14px;font-size:.82rem;font-weight:700;color:var(--muted);cursor:pointer}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-grid{display:grid;gap:14px;grid-template-columns:1fr}.card-grid>.card{margin-bottom:0}.gallery-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.gallery-item{padding:6px;margin-bottom:0}.gallery-img{border-radius:var(--radius-s);width:100%;height:130px;object-fit:cover}.gallery-caption{font-size:.72rem;font-weight:700;color:var(--muted);padding:7px 5px 2px}@media (min-width: 900px){.card-grid.cols-2{grid-template-columns:1fr 1fr}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 700px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1000px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.muted-text{font-size:.8rem;font-weight:600;color:var(--muted);margin:8px 0 0;line-height:1.5}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.mat-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mat-actions .btn-sm{gap:5px}.icon-action{width:36px;height:36px;border-radius:var(--radius-s);border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .1s ease,border-color .15s ease,color .15s ease}.icon-action:disabled{opacity:.7}.icon-action:active{transform:scale(.92)}.icon-action.done{color:var(--success);border-color:var(--success);background:#33bb881a}.filter-chip,.tabs button,.btn-sm,.viewer-close,.profile-btn,.icon-btn,.call-chip,.menu-item,.switch{transition:transform .1s ease,border-color .15s ease,color .15s ease,background .15s ease}.btn-sm:active,.viewer-close:active,.profile-btn:active,.icon-btn:active,.call-chip:active,.switch:active{transform:scale(.94)}@media (hover: hover){.filter-chip:hover:not(.active){border-color:var(--accent);color:var(--accent-text)}.tabs button:hover:not(.active){border-color:var(--accent)}.icon-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.viewer-close:hover{background:var(--faint)}.profile-btn:hover{border-color:var(--accent)}.icon-btn:hover,.call-chip:hover{border-color:var(--accent);color:var(--accent-text)}.course:hover{transform:translateY(-3px)}.brand:hover .txt b{color:var(--accent-text)}.brand:hover img{transform:scale(1.04)}}a,button:not(:disabled),[role=button],summary,select,.filter-chip,.tabs button{cursor:pointer}[role=button]:active{transform:scale(.98)}.why-list{margin-top:14px;display:grid;gap:10px}.why-item{background:var(--surface);border-radius:var(--radius-m);padding:15px 16px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--shadow-card);border:1px solid var(--border)}.why-item .cb{width:36px;height:36px;border-radius:var(--radius-pill);flex-shrink:0;display:flex;align-items:center;justify-content:center}.why-item h3{font-size:.9rem;font-weight:800;margin:0}.why-item p{margin-top:3px;font-size:.8rem;font-weight:600;color:var(--muted);line-height:1.6}.id-card{display:flex;align-items:center;gap:15px;padding:18px}.id-card .avatar{width:58px;height:58px;border-radius:var(--radius-pill);flex-shrink:0;background:linear-gradient(140deg,#FFE1CE,var(--accent-tint));color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;border:2px solid #FADFCD;overflow:hidden}.id-card .avatar img{width:100%;height:100%;object-fit:cover}.id-card .name{font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1.15}.id-card .roll{margin-top:4px;display:inline-block;font-size:.72rem;font-weight:800;color:var(--mint-text);background:var(--mint-soft);border-radius:var(--radius-pill);padding:3px 11px}.detail{padding:4px 18px}.drow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.drow:last-child{border-bottom:none}.drow .k{font-size:.8rem;font-weight:700;color:var(--muted);white-space:nowrap}.drow .v{font-size:.85rem;font-weight:800;text-align:right;overflow-wrap:anywhere}.course-grid{display:grid;gap:14px;grid-template-columns:1fr}.course-grid>.card{margin-bottom:0}@media (min-width: 900px){body{background:var(--desk-bg)}.app-shell{max-width:var(--desk-max);margin:0 auto;min-height:100vh;background:var(--bg)}.topbar{padding:10px 28px}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{padding:8px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:800;color:var(--muted)}.desktop-nav a:hover{color:var(--text);background:var(--bg)}.desktop-nav a.active{color:var(--accent-text);background:var(--accent-tint)}.bottom-nav{display:none}.whatsapp-fab{right:28px;bottom:28px}.install-banner{max-width:360px;left:auto;right:28px;transform:none}.page{padding:28px 32px 40px;max-width:900px;margin:0 auto}.page:has(.home-page){max-width:var(--desk-max)}.home-page .hero{padding:44px 40px 48px}.home-page .hero h1{font-size:2.6rem}.home-page .hero p{font-size:1rem;max-width:460px}.home-page .hero .btn-row{max-width:380px}.home-page .laptop{width:120px;right:44px;top:36px}.home-page .spark-1{right:190px;width:22px;height:22px}.home-page .say-hi{padding:36px 24px}.section-title h2{font-size:1.3rem}.course-grid{grid-template-columns:repeat(2,1fr);gap:16px}.why-list{grid-template-columns:1fr 1fr}}@media (min-width: 640px) and (max-width: 899px){.course-grid{grid-template-columns:repeat(2,1fr)}}