@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);html{font-size:13px}:root{--font-scale:1.0;--primary:#081e48;--secondary:#064d59;--accent:#2563eb;--bg-page:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--glass-bg:#ffffffb3;--glass-border:#fff6;--border-color:#e2e8f0}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-page);color:#0f172a;color:var(--text-main);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.add-to-cart-btn,.buy-now-btn,.prism-btn-primary,.purchase-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#064d59,#081e48)!important;background:linear-gradient(135deg,var(--secondary),var(--primary))!important;border:none!important;border-radius:12px!important;box-shadow:0 10px 15px -3px #081e4826,0 4px 6px -4px #081e481a!important;color:#fff!important;cursor:pointer;display:inline-flex;font-weight:800!important;gap:8px;justify-content:center;padding:12px 28px!important;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.buy-now-btn:hover,.prism-btn-primary:hover,.purchase-btn:hover,.submit-btn:hover{box-shadow:0 20px 25px -5px #081e4840!important;filter:brightness(1.1);transform:translateY(-2px)}.card-section{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:30px}.text-muted{color:#64748b;color:var(--text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;margin-top:60px}.app-content.no-top-bar{margin-top:0}.main-content{flex:1 1;margin-left:210px;min-height:calc(100vh - 60px);overflow-x:hidden;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.no-top-bar{min-height:100vh;padding:0}.main-content.collapsed,.main-content.no-sidebar{margin-left:0}.page-placeholder{color:#7f8c8d;padding:100px 20px;text-align:center}.page-placeholder h1{color:#2c3e50;font-size:28px;margin-bottom:20px}.page-placeholder p{font-size:14px}@media (max-width:768px){.app-content{margin-top:60px}.main-content{margin-left:0;padding:10px}}@media (max-width:480px){.main-content{padding:5px}}.top-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #00000008;height:65px;left:0;position:fixed;right:0;top:0;z-index:1000}.top-bar,.top-bar-content{align-items:center;display:flex}.top-bar-content{justify-content:space-between;max-width:100%;padding:0 20px;width:100%}.mobile-menu-toggle-top{display:none!important}.desktop-sidebar-toggle,.logo-section{align-items:center;display:flex}.desktop-sidebar-toggle{background:linear-gradient(135deg,#064b57,#081e48);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;justify-content:center;margin-right:15px;padding:8px;transition:all .2s ease}.desktop-sidebar-toggle:hover{background-color:#f1f5f9;color:#3498db}.logo-link{text-decoration:none}.logo{cursor:pointer;height:40px;object-fit:contain;width:auto}.top-bar-right{gap:20px}.social-links,.top-bar-right{align-items:center;display:flex}.social-links{gap:15px}.social-links a{align-items:center;display:flex;justify-content:center;transition:transform .2s ease,filter .2s ease}.social-links a:hover{filter:brightness(1.1);transform:scale(1.1)}.icon-youtube{color:red}.icon-telegram{color:#08c}.icon-instagram{color:#e4405f}.icon-whatsapp{color:#25d366}.notification-button{align-items:center;border-radius:5px;color:#555;display:flex;justify-content:center;padding:8px;position:relative;text-decoration:none;transition:color .3s ease}.notification-button:hover{background-color:#f8f9fa;color:#3498db}.notification-badge{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:9px;font-weight:700;height:20px;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:20px}.cart-button,.notification-badge{align-items:center;display:flex;justify-content:center}.cart-button{border-radius:5px;color:#555;padding:8px;position:relative;text-decoration:none;transition:color .3s ease}.cart-button:hover{background-color:#f8f9fa;color:#3498db}.cart-badge{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:20px}.auth-buttons,.cart-badge{align-items:center;display:flex}.auth-buttons{gap:10px}.btn-login,.btn-logout-top,.btn-profile,.btn-register{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.3px;padding:10px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login{background-color:initial;border:2px solid var(--primary);color:var(--primary)}.btn-login:hover{background-color:var(--primary);box-shadow:0 4px 12px #081e4826;color:#fff;transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 4px 12px #081e4833;color:#fff}.btn-register:hover{box-shadow:0 8px 20px #081e484d;filter:brightness(1.1);transform:translateY(-2px)}.btn-profile{background-color:initial;border:1px solid #2c3e50;color:#2c3e50}.btn-profile:hover{background-color:#2c3e50;color:#fff}.btn-logout-top{background:linear-gradient(135deg,var(--secondary),var(--primary));border:none;box-shadow:0 4px 10px #081e4833;color:#fff;font-weight:800}.btn-logout-top:hover{box-shadow:0 8px 20px #081e484d;filter:brightness(1.1);transform:translateY(-2px)}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none}.top-bar{height:60px}.top-bar-content{justify-content:space-between;padding:0 15px}.logo{height:45px}.logo-link{display:none!important}.mobile-menu-toggle-top{align-items:center;background:linear-gradient(135deg,#064b57,#081e48);border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 4px 10px #0003;cursor:pointer;display:flex!important;flex-direction:column;gap:5px;justify-content:center;padding:8px;position:relative;z-index:1001}.mobile-menu-toggle-top span{background-color:#fff;height:3px;transition:all .3s ease;width:25px}.mobile-menu-toggle-top:hover{background:#34495e}.top-bar-right{gap:10px;margin-left:auto;order:2}.social-links{gap:10px}.social-links a svg{height:18px;width:18px}.cart-button{padding:6px}.cart-button svg{height:20px;width:20px}.cart-badge{font-size:10px;height:18px;width:18px}}@media (max-width:480px){.social-links{gap:8px}.social-links a svg{height:16px;width:16px}.btn-login,.btn-register{font-size:11px;padding:6px 12px}}.side-menu{background-color:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #00000008;height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:60px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:210px;z-index:999}.side-menu.collapsed{transform:translateX(-100%)}.side-menu.open{transform:translateX(0)!important}.side-menu::-webkit-scrollbar{display:none}.side-menu-nav{padding:24px 0}.menu-list{list-style:none;margin:0;padding:0}.menu-item{background:none;border:none;border-left:4px solid #0000;color:#475569;cursor:pointer;font-size:13.5px;font-weight:600;gap:14px;padding:12px 24px;text-align:left;transition:all .2s ease;width:100%}.menu-icon,.menu-item{align-items:center;display:flex}.menu-icon{color:#64748b;flex-shrink:0;height:20px;justify-content:center;transition:color .2s;width:20px}.menu-text{flex:1 1}.menu-item:hover{background-color:#f1f5f9;color:#081e48;padding-left:30px}.menu-item:hover .menu-icon{color:#081e48}.menu-item.active{background-color:#eff6ff;border-left-color:#081e48;color:#081e48;font-weight:800}.menu-item.active .menu-icon{color:#081e48}.mobile-menu-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:none;padding:20px}.mobile-logo-link{display:block;margin-bottom:15px}.mobile-user-info{color:#1e293b;margin-bottom:15px}.mobile-username{color:#081e48;font-size:16px;font-weight:700}.mobile-logout-btn{background:linear-gradient(135deg,#064d59,#081e48);border:none;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:12px;font-weight:700;padding:12px;width:100%}.sub-menu-list{background:#f8fafc;list-style:none;margin:5px 0;padding:0}.sub-menu-item{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px 10px 58px;text-align:left;transition:all .2s;width:100%}.sub-menu-item:hover{background:#f1f5f9;color:#081e48}.sub-menu-item.active{background:#eff6ff;color:#081e48;font-weight:800}.dropdown-arrow{font-size:.7rem;margin-left:auto;opacity:.5}@media (max-width:768px){.side-menu{box-shadow:10px 0 30px #0000001a;height:100vh;top:0;transform:translateX(-100%);z-index:1002}.side-menu.open{transform:translateX(0)}.mobile-logo{height:50px;object-fit:contain;width:auto}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.mobile-menu-header{display:block}}.carousel-container{aspect-ratio:2660/800;background:#000;border-radius:12px;box-shadow:0 10px 30px #0000001f;height:auto;margin-bottom:2rem;max-height:450px;min-height:280px}.carousel-container,.carousel-wrapper{overflow:hidden;position:relative;width:100%}.carousel-wrapper{height:100%}.carousel-slides{display:flex;height:100%;transition:transform .7s cubic-bezier(.25,.46,.45,.94);width:100%}.carousel-slide{align-items:center;background:linear-gradient(135deg,var(--primary-teal) 0,var(--primary-indigo) 100%);display:flex;height:100%;justify-content:center;min-width:100%;overflow:hidden;position:relative}.carousel-slide:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#b2ecfa26 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.carousel-slide:after{background:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slide-content{color:#fff;max-width:800px;padding:40px;position:relative;text-align:center;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-title{font-size:44px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px;text-shadow:0 10px 30px #0003}.slide-description{font-size:19px;font-weight:400;line-height:1.6;margin-bottom:15px;opacity:.95;text-shadow:0 2px 10px #0003}.slide-description:last-of-type{margin-bottom:30px}.slide-cta{background-color:#fff;border-radius:50px;box-shadow:0 15px 30px #00000026;color:var(--primary-indigo);display:inline-block;font-size:15px;font-weight:800;margin-top:15px;padding:16px 48px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slide-cta:hover{background-color:#f8f9fa;box-shadow:0 12px 35px #0000004d;transform:translateY(-4px) scale(1.05)}.carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-arrow:hover{background-color:#fff6;transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}.carousel-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-dot{background-color:initial;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.carousel-dot.active{background-color:#fff;border-color:#fff;transform:scale(1.2)}@media (max-width:768px){.carousel-container{border-radius:0;height:380px;margin-bottom:1.5rem;min-height:300px}.slide-content{padding:30px 15px}.slide-title{font-size:32px;margin-bottom:15px}.slide-description{font-size:18px}.slide-cta{font-size:16px;padding:12px 30px}.carousel-arrow{background-color:#ffffff26;font-size:24px;height:35px;width:35px}}@media (max-width:480px){.carousel-container{height:320px;min-height:280px}.slide-title{font-size:24px}.slide-description{font-size:14px;line-height:1.4}.slide-cta{font-size:14px;padding:10px 20px}.carousel-arrow{display:none}}.home-wrapper{background:#f8f9fa;background:var(--bg-canvas);color:#191c1d;color:var(--text-dark);font-family:Manrope,Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:8rem}.home-carousel-container{filter:drop-shadow(0 20px 40px rgba(8,30,72,.06));filter:drop-shadow(var(--shadow-ambient));margin:0 auto;max-width:1400px;padding:1.5rem 0}.home-container{margin:0 auto;max-width:1200px;padding:0 30px}.home-hero-header{margin:8rem 0 6rem;text-align:center}.main-title{color:#081e48;color:var(--primary-indigo);font-size:5rem;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:.5rem}.main-title span.blue{color:#2b6673}.main-title span.purple{color:#081e48}.main-title span.green{color:#064d59}.sub-branding{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#081e48,#064d59);background:linear-gradient(135deg,var(--primary-indigo),var(--primary-teal));-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:12px;margin-bottom:3rem;text-transform:uppercase}.new-badge-container{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:40px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);margin:0 auto;max-width:800px;padding:3rem}.what-is-new{color:#064d59;color:var(--primary-teal);display:block;font-size:1.5rem;font-weight:800;margin-bottom:12px}.sub-desc{color:#44464f;color:var(--text-muted);font-size:1.15rem;line-height:1.8}.feat-card-0 .feat-icon-box{color:#f59e0b}.feat-card-1 .feat-icon-box{color:#ec4899}.feat-card-2 .feat-icon-box{color:#3b82f6}.feat-card-3 .feat-icon-box{color:#10b981}.feat-card-4 .feat-icon-box{color:#6366f1}.feat-card-5 .feat-icon-box{color:#06b6d4}.feature-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:8rem;margin-top:6rem}.feature-mini-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-mini-card:before{background:linear-gradient(135deg,#081e4805,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.feature-mini-card:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 40px 80px #081e481a;transform:translateY(-16px)}.feature-mini-card:hover:before{opacity:1}.feat-icon-box{align-items:center;background:#f3f4f5;background:var(--bg-secondary);border-radius:24px;display:flex;font-size:3.2rem;height:88px;justify-content:center;margin-bottom:25px;transition:all .3s;width:88px}.feature-mini-card:hover .feat-icon-box{background:#b2ecfa;background:var(--accent-soft);transform:rotate(-5deg) scale(1.1)}.feat-text-box h3{color:#081e48;color:var(--primary-indigo);font-size:1.75rem;font-weight:800;margin-bottom:15px}.feat-text-box p{color:#44464f;color:var(--text-muted);font-size:1rem;line-height:1.7}.explore-btn{color:#064d59;color:var(--primary-teal);font-size:.85rem;font-weight:800;letter-spacing:1.5px;margin-top:30px;text-transform:uppercase}.why-diff-section{background:#fff;background:var(--bg-surface);border-radius:64px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);margin-bottom:8rem;padding:8rem 0}.why-diff-header h2{color:#081e48;color:var(--primary-indigo);font-size:3.5rem;font-weight:800;margin-bottom:4rem;text-align:center}.why-diff-header span{color:#064d59;color:var(--primary-teal)}.why-diff-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));padding:0 50px}.diff-item{align-items:center;background:#f3f4f5;background:var(--bg-secondary);border-radius:24px;display:flex;gap:20px;padding:28px;transition:all .3s}.diff-item:hover{background:#fff;background:var(--bg-surface);box-shadow:0 10px 30px #0000000a}.icon-circle{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 12px #0000000d;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.diff-item p{color:#191c1d;color:var(--text-dark);font-size:1.15rem;font-weight:700}.how-to-use-banner{margin:6rem 0;text-align:center}.btn-how-to-use{background:#fff;background:var(--bg-surface);border:1.5px solid #c5c6d026;border:1.5px solid var(--border-ghost);border-radius:20px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);color:#081e48;color:var(--primary-indigo);display:inline-block;font-size:1.2rem;font-weight:800;padding:18px 50px;text-decoration:none;transition:all .3s}.btn-how-to-use:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 15px 30px #0000000f;transform:translateY(-4px)}.choose-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.choose-card{border-radius:16px;color:#fff;font-size:1.1rem;font-weight:800;padding:24px;text-align:center;transition:all .3s}.choose-card.trust-indigo{background:linear-gradient(135deg,#6366f1,#081e48);background:linear-gradient(135deg,#6366f1,var(--primary-indigo))}.choose-card.trust-teal{background:linear-gradient(135deg,#0d9488,#064d59);background:linear-gradient(135deg,#0d9488,var(--primary-teal))}.choose-card.trust-rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.choose-card.trust-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.pricing-cta-row{display:flex;gap:32px;justify-content:center;margin:6rem 0}.pricing-btn{border-radius:40px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);cursor:pointer;font-size:1.6rem;font-weight:800;padding:28px 60px;transition:all .4s}.pricing-btn.english{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;color:#fff}.pricing-btn.hindi{background:#fff;border:2.5px solid #081e48;border:2.5px solid var(--primary-indigo);color:#081e48;color:var(--primary-indigo)}.pricing-btn:hover{box-shadow:0 40px 60px #081e4826;transform:translateY(-8px) scale(1.02)}.live-classes-footer{margin:8rem 0;position:relative}.live-title-badge{background:linear-gradient(90deg,#064d59,#081e48);background:linear-gradient(90deg,var(--primary-teal),var(--primary-indigo));border-radius:100px;box-shadow:0 10px 30px #064d594d;color:#fff;display:inline-block;font-size:1.4rem;font-weight:800;left:50%;padding:14px 48px;position:absolute;top:-30px;transform:translateX(-50%);z-index:10}.live-content{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:48px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:flex;gap:50px;padding:80px 60px 60px}.live-illus{filter:drop-shadow(0 0 20px rgba(8,30,72,.1));font-size:120px}.live-text p{color:#44464f;color:var(--text-muted);font-size:1.25rem;line-height:1.7;margin-bottom:20px}.live-text .hindi-text{color:#081e48;color:var(--primary-indigo);font-weight:700;margin-bottom:25px}.btn-know-more{background:#081e48;background:var(--primary-indigo);border:none;border-radius:18px;box-shadow:0 10px 20px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:16px 48px;transition:all .3s}.btn-know-more:hover{background:#064d59;background:var(--primary-teal);transform:scale(1.05)}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:40px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);padding:48px;transition:transform .3s}.testimonial-card:hover{transform:translateY(-10px)}.t-stars{color:#f59e0b;font-size:1.4rem;margin-bottom:25px}.t-text{color:#191c1d;color:var(--text-dark);font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.6;margin-bottom:32px}.t-user{align-items:center;display:flex;gap:20px}.t-user img{border:3px solid #f3f4f5;border:3px solid var(--bg-secondary);border-radius:20px;height:64px;object-fit:cover;width:64px}.t-info h4{color:#081e48;color:var(--primary-indigo);font-size:1.2rem;margin-bottom:4px}.t-info span{color:#44464f;color:var(--text-muted);font-size:.95rem;font-weight:600}.home-packages-section{margin-bottom:8rem}.home-pkg-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:48px}.home-pkg-tabs button{background:#fff;background:var(--bg-surface);border:1.5px solid #c5c6d026;border:1.5px solid var(--border-ghost);border-radius:100px;color:#44464f;color:var(--text-muted);cursor:pointer;font-weight:700;padding:14px 32px;transition:all .3s ease}.home-pkg-tabs button.active{background:#081e48;background:var(--primary-indigo);border-color:#081e48;border-color:var(--primary-indigo);box-shadow:0 10px 20px #081e4826;color:#fff}.pkg-glass-container{background:#fff;background:var(--bg-surface);border-radius:56px;box-shadow:0 60px 100px #00000014;display:flex;overflow:hidden}.pkg-info-pane{display:flex;flex:1.2 1;flex-direction:column;justify-content:center;padding:60px 80px}.pkg-info-pane h3{color:#081e48;color:var(--primary-indigo);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.pkg-price-tag{align-items:baseline;display:flex;gap:8px;margin-bottom:2.5rem}.pkg-price-tag .amount{color:#081e48;color:var(--primary-indigo);font-size:5rem;font-weight:800;letter-spacing:-3px;line-height:1}.pkg-price-tag .currency,.pkg-price-tag .per{color:#44464f;color:var(--text-muted);font-size:1.5rem;font-weight:600}.home-feat-list{grid-gap:15px 30px;display:grid;gap:15px 30px;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 3rem;padding:0}.home-feat-list li{align-items:center;color:#191c1d;color:var(--text-dark);display:flex;font-size:1.15rem;font-weight:600;gap:10px}.home-feat-list li .check{color:#10b981;font-weight:900}.home-buy-btn{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;border-radius:20px;box-shadow:0 10px 30px #064d5933;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:800;letter-spacing:1px;max-width:400px;padding:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.home-buy-btn:hover{box-shadow:0 20px 50px #081e484d;transform:translateY(-5px)}.pkg-visual-pane{background:linear-gradient(135deg,#f1f5f9,#fff);border-left:1px solid #c5c6d026;border-left:1px solid var(--border-ghost);flex:0.8 1;position:relative}.floating-stat{animation:floating 4s ease-in-out infinite;background:#fff;border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:24px 32px;position:absolute;right:15%;text-align:center;top:30%}.floating-stat.bottom{animation-delay:2s;bottom:20%;left:15%;right:auto;top:auto}.floating-stat .stat-val{color:#081e48;color:var(--primary-indigo);display:block;font-size:2.2rem;font-weight:800}.floating-stat .stat-lbl{color:#44464f;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:1px}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.updates-section{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:48px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);padding:4rem}.updates-header h3{color:#081e48;color:var(--primary-indigo);font-size:2rem;font-weight:800}.update-item{border-bottom:1px solid #c5c6d026;border-bottom:1px solid var(--border-ghost);padding:24px 0}.update-date{color:#064d59;color:var(--primary-teal);font-size:1rem;font-weight:800}.update-item p{color:#44464f;color:var(--text-muted);font-size:1.15rem;margin-top:10px}@media (max-width:992px){.pkg-glass-container{flex-direction:column}.pkg-visual-pane{height:350px}}@media (max-width:768px){.main-title{font-size:3.5rem}.pricing-cta-row{align-items:center;flex-direction:column}.pricing-btn{max-width:400px;text-align:center;width:100%}}.books-notes-page{margin:0 auto;max-width:1400px;padding:10px 20px}.page-header{margin-bottom:20px}.page-header h1{color:#1e293b;font-size:32px;margin-bottom:8px}.page-header p{color:#64748b;font-size:16px;line-height:1.5;margin:0 auto;max-width:800px}.category-filter{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px;padding:15px 0}.category-btn{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#475569;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-btn:hover{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;color:#3b82f6;transform:translateY(-1px)}.category-btn.active{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.empty-state,.error-state,.loading-state{padding:60px 20px;text-align:center}.error-state p{color:#e74c3c;font-size:18px}.empty-state p{color:#7f8c8d;font-size:18px}.books-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-top:20px}.book-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.book-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-5px)}.book-thumbnail{align-items:center;background-color:#ecf0f1;display:flex;justify-content:center;overflow:hidden;width:100%}.book-thumbnail img{display:block;height:auto;width:100%}.book-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:200px;width:100%}.book-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.book-title{color:#2c3e50;font-size:20px;font-weight:600;line-height:1.3;margin-bottom:10px;min-height:52px}.book-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.purchase-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px;line-height:1.6;margin-top:auto;padding:14px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:normal;width:100%}.purchase-text{font-size:15px;font-weight:700;letter-spacing:-.01em}.old-price-strike{font-size:13px;font-weight:500;opacity:.7;text-decoration:line-through}.download-text{font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:2px;opacity:.85;text-transform:uppercase}.purchase-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 12px 20px -8px #2563eb80;transform:translateY(-2px)}.purchase-btn:active{box-shadow:0 4px 8px #2563eb33;transform:translateY(0)}@media (max-width:768px){.books-notes-page{padding:15px}.page-header h1{font-size:28px}.page-header p{font-size:16px}.category-filter{gap:8px}.category-btn{font-size:13px;padding:8px 16px}.books-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.book-info{padding:15px}.book-title{font-size:18px;min-height:auto}.book-description{font-size:13px}}@media (max-width:480px){.books-grid{grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:24px}.category-filter{justify-content:center}}:root{--prism-indigo:#081e48;--prism-teal:#064d59;--prism-accent:#2563eb;--prism-bg:#f6f8fb;--prism-surface:#fff;--prism-gradient:linear-gradient(135deg,var(--prism-teal),var(--prism-indigo));--prism-shadow:0 20px 40px #081e4814;--prism-border:#94a3b826}*{box-sizing:border-box;font-family:Inter,sans-serif}.auth-container{background-color:#f6f8fb;background-color:var(--prism-bg);font-family:Manrope,Inter,sans-serif;min-height:100vh;width:100%}.auth-container,.auth-left{display:flex;overflow:hidden}.auth-left{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);color:#fff;flex:1.2 1;flex-direction:column;padding:60px;position:relative}.auth-sidebar-header{margin-bottom:30px}.auth-sidebar-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));height:50px;margin-bottom:20px;width:auto}.auth-left h1{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:12px}.auth-left .sidebar-subtitle{color:#fffc;font-size:1.2rem;font-weight:500;line-height:1.5;margin-bottom:40px}.feature-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:50px;font-size:.9rem;font-weight:700;letter-spacing:.3px;padding:10px 20px}.features-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}.feature-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{background:#ffffff26;box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.feature-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;color:#081e48;color:var(--prism-indigo);display:flex;font-size:1.4rem;height:44px;justify-content:center;margin-bottom:18px;width:44px}.feature-card h3{color:#fff;font-size:1.1rem;font-weight:800;margin-bottom:8px}.feature-card p{color:#fffc;font-size:.95rem;line-height:1.5}.auth-right{align-items:center;background:#f6f8fb;background:var(--prism-bg);flex:0.8 1;flex-direction:column;padding:60px 40px}.auth-logo-wrapper,.auth-right{display:flex;justify-content:center}.auth-logo-wrapper{margin-bottom:40px;max-width:520px;width:100%}.auth-card-logo{filter:drop-shadow(0 10px 15px rgba(8,30,72,.1));height:70px;width:auto}.auth-card{background:#fff;background:var(--prism-surface);border:1px solid #94a3b826;border:1px solid var(--prism-border);border-radius:32px;box-shadow:0 20px 40px #081e4814;box-shadow:var(--prism-shadow);max-width:520px;padding:50px;position:relative;width:100%;z-index:2}.auth-card h2{color:#081e48;color:var(--prism-indigo);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px;text-align:center}.auth-subtitle{color:var(--text-muted);font-size:1rem;font-weight:500;margin-bottom:40px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:4px}.form-group label{color:#081e48;color:var(--prism-indigo);font-size:.9rem;font-weight:700;margin-bottom:6px}.form-group input,.form-group select{background-color:#f6f8fb;background-color:var(--prism-bg);border:2px solid var(--bg-secondary);border-radius:14px;color:#081e48;color:var(--prism-indigo);font-size:1rem;font-weight:600;height:54px;padding:0 18px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#064d59;border-color:var(--prism-teal);box-shadow:0 0 0 4px #064d591a}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-size:.9em;cursor:pointer}.forgot-password-link{margin-top:-10px;text-align:right}.forgot-password-link a{color:#064d59;color:var(--prism-teal);font-size:.9rem;font-weight:700;text-decoration:none}.auth-button{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);border:none;border-radius:14px;box-shadow:0 10px 20px #081e4833;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;height:56px;letter-spacing:1px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.auth-button:hover:not(:disabled){box-shadow:0 15px 30px #081e484d;filter:brightness(1.1);transform:translateY(-4px)}.auth-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-footer{color:var(--text-muted);font-size:.95rem;font-weight:500;margin-top:30px;text-align:center}.auth-footer a{color:#064d59;color:var(--prism-teal);font-weight:800;text-decoration:none}.error-message,.otp-error{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px;padding:12px 16px}.success-message{background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#16a34a;font-size:14px;padding:12px 16px}.email-otp-row{display:flex;gap:12px}.email-input{flex:1 1}.send-otp-btn{background-color:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:0 20px;transition:all .2s ease}.send-otp-btn:hover:not(:disabled){background-color:#4f46e5}.email-verified-badge{align-items:center;color:#16a34a;display:flex;font-size:14px;font-weight:600;gap:4px}.otp-section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px}.otp-inputs{display:flex;gap:8px;justify-content:space-between}.otp-input{font-size:18px!important;font-weight:700;height:48px!important;text-align:center;width:100%!important}.otp-actions{display:flex;flex-direction:column;gap:12px}.verify-otp-btn{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:44px}.resend-otp-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500}.register-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.register-form .full-row{grid-column:span 2}.carousel-image-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;height:200px;margin-bottom:25px;position:relative}.carousel-image-container,.carousel-mock{align-items:center;display:flex;justify-content:center}.carousel-mock{background:#0000;border-radius:12px;box-shadow:0 10px 25px #0000004d;height:100%;overflow:hidden;width:100%}.carousel-mock img{height:100%;object-fit:cover;opacity:1;width:100%}@media (max-width:1100px){.auth-left{display:none}.auth-right{background:var(--bg-light);flex:1 1}}@media (max-width:640px){.auth-right{padding:20px}.auth-card{border-radius:20px;padding:30px 24px}.register-form{grid-template-columns:1fr}.register-form .full-row{grid-column:span 1}}.profile-container{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:40px 20px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:900px;padding:40px;width:100%}.profile-header{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:30px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.profile-header h2{color:#2c3e50;font-size:28px;margin-bottom:8px}.profile-email{color:#7f8c8d;font-size:16px}.profile-tabs{border-bottom:2px solid #ecf0f1;display:flex;gap:10px;margin-bottom:30px}.profile-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.profile-tabs .tab:hover{color:#2c3e50}.profile-tabs .tab.active{border-bottom-color:#3498db;color:#3498db}.tab-content{min-height:400px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select{transition:border-color .3s}.readonly-input{background-color:#f8f9fa;color:#7f8c8d;cursor:not-allowed}.form-row{grid-gap:20px;gap:20px}.btn-submit{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-submit:hover:not(:disabled){background-color:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.success-message{border-radius:6px;padding:12px}.no-subscriptions{padding:40px;text-align:center}.no-subscriptions p{color:#7f8c8d;font-size:16px;margin-bottom:20px}.browse-buttons{display:flex;gap:10px;justify-content:center}.btn-browse{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-browse:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.subscriptions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.subscription-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-card-new:hover{border-color:#3b82f633;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.sub-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px}.sub-card-icon{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.sub-card-title-area{display:flex;flex-direction:column;min-width:0}.sub-title{color:#1e293b;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-type-badge{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.sub-card-body{display:flex;flex-direction:column;gap:10px;padding:16px}.sub-info-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.sub-label{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.sub-value{color:#334155;font-size:13px;font-weight:600;text-align:right;word-break:break-word}.sub-value.highlight{color:#1d4ed8}.status-pill{border-radius:9999px;font-size:11px;font-weight:700;padding:2px 8px;text-transform:uppercase}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.expired{background:#fee2e2;color:#991b1b}.sub-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding:16px}.btn-practice-now{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.btn-practice-now:hover{background:#1d4ed8;transform:scale(1.02)}.btn-practice-now:active{transform:scale(.98)}.logout-section{border-top:2px solid #ecf0f1;margin-top:40px;padding-top:30px}.logout-container{position:relative;width:100%}.btn-logout{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-logout:hover{background-color:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.logout-options{background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.logout-option{background:#fff;border:none;border-bottom:1px solid #ecf0f1;color:#2c3e50;cursor:pointer;font-size:14px;padding:12px;text-align:left;transition:background-color .2s;width:100%}.logout-option:hover{background-color:#f8f9fa}.logout-option.logout-all{color:#e74c3c;font-weight:600}.logout-cancel{background:#f8f9fa;border:none;color:#7f8c8d;cursor:pointer;font-size:14px;padding:12px;transition:background-color .2s;width:100%}.logout-cancel:hover{background-color:#ecf0f1}@media (max-width:768px){.profile-container{min-height:calc(100vh - 70px);padding:20px 15px}.profile-card{padding:30px 20px}.profile-avatar{font-size:32px;height:80px;width:80px}.profile-header h2{font-size:24px}.form-row,.subscriptions-grid{grid-template-columns:1fr}.profile-tabs{flex-direction:column;gap:0}.profile-tabs .tab{border-bottom:1px solid #ecf0f1;border-left:3px solid #0000}.profile-tabs .tab.active{border-bottom-color:#ecf0f1;border-left-color:#3498db}}.your-steno-page{background:#f8f9fa;background:var(--bg-canvas);color:#191c1d;color:var(--text-dark);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 30px}.page-header{flex-direction:column;gap:20px;margin-bottom:60px;text-align:center}.page-header h1{font-size:4rem;letter-spacing:-2px;margin-bottom:0}.guide-trigger-btn,.page-header h1{color:#081e48;color:var(--primary-indigo);font-weight:800}.guide-trigger-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:100px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:14px 32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.guide-trigger-btn:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 15px 30px #081e4814;transform:translateY(-4px)}.steno-dashboard{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:6rem}.dash-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative;transition:all .4s}.dash-card:hover{box-shadow:0 30px 60px #081e481a;transform:translateY(-10px)}.dash-icon{align-items:center;background:#f3f4f5;background:var(--bg-secondary);border-radius:20px;display:flex;font-size:40px;height:64px;justify-content:center;width:64px}.dash-icon,.dash-info{margin-bottom:20px}.dash-label{color:#44464f;color:var(--text-muted);font-size:.9rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.dash-value{color:#081e48;color:var(--primary-indigo);font-size:2.5rem;font-weight:800}.dash-progress-bg{background:#f3f4f5;background:var(--bg-secondary);border-radius:10px;height:10px;margin-top:10px;overflow:hidden}.dash-progress-fill{background:linear-gradient(90deg,#064d59,#081e48);background:linear-gradient(90deg,var(--primary-teal),var(--primary-indigo));border-radius:10px;height:100%}.dash-buy-btn{background:#081e48;background:var(--primary-indigo);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:800;margin-top:25px;padding:16px;transition:all .3s}.dash-buy-btn:hover{background:#064d59;background:var(--primary-teal);transform:scale(1.02)}.dash-hint{color:#44464f;color:var(--text-muted);font-size:1rem;font-style:italic;margin-top:15px}.tabs{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:100px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:flex;gap:15px;justify-content:center;margin:0 auto 60px;padding:10px;width:-webkit-fit-content;width:fit-content}.tab{background:#0000;border:none;border-radius:100px;color:#44464f;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:800;padding:16px 48px;transition:all .3s}.tab.active{background:#081e48;background:var(--primary-indigo);box-shadow:0 10px 20px #081e4833;color:#fff}.form-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:48px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);margin:0 auto;max-width:1000px;padding:60px}.form-card h2{color:#081e48;color:var(--primary-indigo);font-size:2.2rem;font-weight:800;margin-bottom:40px;text-align:center}.steno-form{display:flex;flex-direction:column;gap:32px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr 1fr}.form-group label{color:#081e48!important;color:var(--primary-indigo)!important;display:block!important;font-size:.9rem!important;font-weight:800!important;letter-spacing:1.5px!important;margin-bottom:12px!important;text-transform:uppercase!important}.form-group input,.form-group select,.matter-textarea{background:#f3f4f5!important;background:var(--bg-secondary)!important;border:1px solid #c5c6d026!important;border:1px solid var(--border-ghost)!important;border-radius:18px!important;color:#191c1d!important;color:var(--text-dark)!important;font-size:1.1rem;font-weight:600;outline:none;padding:18px 24px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.matter-textarea:focus{background:#fff!important;border-color:#064d59!important;border-color:var(--primary-teal)!important;box-shadow:0 0 0 4px #064d590d!important}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23081e48'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:18px}.form-group select option{background-color:#fff!important;color:#191c1d!important;color:var(--text-dark)!important;padding:15px}.matter-textarea{font-family:inherit;line-height:1.6;min-height:250px}.submit-btn{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;border-radius:20px;box-shadow:0 15px 30px #064d5933;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:800;margin-top:20px;padding:24px;transition:all .3s;width:100%}.submit-btn:hover{box-shadow:0 25px 50px #081e484d;transform:translateY(-5px)}.submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none}.stenos-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.steno-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative;transition:all .4s}.steno-card:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 40px 80px #081e481a;transform:translateY(-8px)}.card-header{margin-bottom:25px;padding-top:10px;text-align:center}.card-header h3{color:#081e48;color:var(--primary-indigo);font-size:1.5rem;font-weight:800;margin:0}.steno-info{background:#f3f4f5;background:var(--bg-secondary);border-radius:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:30px;padding:24px}.info-item{align-items:center;border-bottom:1px dashed #0000000d;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-label{color:#44464f;font-size:.7rem;letter-spacing:.5px}.lang-badge{border-radius:8px;box-shadow:0 2px 5px #0000000d;font-size:.75rem;font-weight:800;padding:4px 10px;position:absolute;right:20px;top:20px}.lang-badge.english{background:#dcfce7;color:#166534}.lang-badge.hindi{background:#fee2e2;color:#991b1b}.attempt-btn{background:#081e48;background:var(--primary-indigo);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:18px;transition:all .3s}.attempt-btn:hover{background:#064d59;background:var(--primary-teal);transform:scale(1.03)}.guide-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081e4866;bottom:0;display:flex;justify-content:center;left:0;padding:30px;position:fixed;right:0;top:0;z-index:2000}.guide-modal-content{animation:modalIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;background:var(--bg-surface);border:none;border-radius:40px;box-shadow:0 50px 100px #081e4833;max-width:650px;overflow:hidden;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guide-modal-header{align-items:center;border-bottom:1px solid #c5c6d026;border-bottom:1px solid var(--border-ghost);display:flex;justify-content:space-between;padding:40px}.guide-modal-header h2{color:#081e48;color:var(--primary-indigo);font-size:2rem;font-weight:800;margin:0}.guide-close-btn{align-items:center;background:#f3f4f5;background:var(--bg-secondary);border:none;border-radius:50%;color:#44464f;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.8rem;height:48px;justify-content:center;transition:all .3s;width:48px}.guide-close-btn:hover{background:#fee2e2;color:#991b1b;transform:rotate(90deg)}.guide-modal-body{padding:40px}.description-section p{color:#44464f;color:var(--text-muted);font-size:1.15rem;line-height:1.8;margin-bottom:20px}.buy-modal{max-width:550px}.buy-info-box{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border-radius:24px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.promo-text{background:#fff3;border-radius:100px;font-size:.8rem;font-weight:800;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.buy-info-box h3{font-size:1.8rem;font-weight:800;margin:15px 0}.buy-info-box p{font-size:1rem;opacity:.9}.quantity-selector{margin-bottom:30px}.quantity-selector label{color:#081e48;color:var(--primary-indigo);display:block;font-weight:800;margin-bottom:15px}.qty-controls{align-items:center;background:#f3f4f5;background:var(--bg-secondary);border-radius:100px;display:flex;gap:20px;padding:8px;width:-webkit-fit-content;width:fit-content}.qty-controls button{background:#fff;border:none;border-radius:50%;box-shadow:0 4px 10px #0000000d;cursor:pointer;font-size:1.2rem;font-weight:800;height:44px;transition:all .2s;width:44px}.qty-controls button:hover{background:#081e48;background:var(--primary-indigo);color:#fff}.qty-controls span{color:#081e48;color:var(--primary-indigo);font-size:1.4rem;font-weight:800;min-width:40px;text-align:center}.buy-summary{background:#f3f4f5;background:var(--bg-secondary);border-radius:20px;margin-bottom:30px;padding:24px}.summary-line{display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px}.summary-line:last-child{border-top:1px dashed #c5c6d026;border-top:1px dashed var(--border-ghost);margin-bottom:0;padding-top:10px}.price-tag{color:#064d59;color:var(--primary-teal);font-size:1.3rem}.add-to-cart-big-btn{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;border-radius:20px;box-shadow:0 15px 30px #064d5933;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:800;padding:24px;transition:all .3s;width:100%}.add-to-cart-big-btn:hover{box-shadow:0 25px 50px #081e484d;transform:translateY(-3px)}.add-to-cart-big-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee2e2;color:#991b1b}.error-message,.success-message{border-radius:12px;font-weight:700;margin-bottom:24px;padding:16px}.success-message{background:#dcfce7;color:#166534;text-align:center}.empty-state{background:var(--bg-surface);border:2px dashed #c5c6d026;border-radius:40px;color:#44464f;padding:80px}.empty-icon{font-size:60px;margin-bottom:24px;opacity:.5}.btn-create-now{background:#081e48;background:var(--primary-indigo);border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;margin-top:30px;padding:18px 48px;transition:all .3s}.btn-create-now:hover{background:#064d59;background:var(--primary-teal);transform:scale(1.05)}@media (max-width:992px){.form-row{grid-template-columns:1fr}}@media (max-width:768px){.page-header h1{font-size:3rem}.form-card{padding:40px 20px}.steno-dashboard{grid-template-columns:1fr}}.yt-dictations-page{background:var(--bg-page);color:var(--text-main);font-family:Inter,sans-serif;margin:0 auto;max-width:1350px;min-height:100vh;padding:10px 20px}.yt-dictations-header{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;text-align:center}.header-top{align-items:baseline;display:flex;justify-content:center;margin-bottom:0;position:relative;width:100%}.yt-dictations-header h1{color:var(--primary);font-size:2.2rem;font-weight:700;letter-spacing:-1.5px;margin:0}.btn-yt-join{align-items:center;background:#fff;border:1px solid #ff000022;border-radius:12px;box-shadow:0 4px 12px #ff00000d;color:red;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 24px;position:absolute;right:0;text-decoration:none;transition:all .2s ease}.btn-yt-join:hover{background:red;box-shadow:0 8px 20px #ff000026;color:#fff;transform:translateY(-2px)}.yt-dictations-header p{color:var(--text-muted);font-size:1.15rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:650px}.category-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 15px #00000008;display:flex;margin:5px auto 10px;width:-webkit-fit-content;width:fit-content}.category-btn{border-radius:12px;font-size:1rem;font-weight:700;padding:12px 36px;transition:all .2s}.category-btn.active{background:var(--primary);box-shadow:0 6px 15px #081e481a}.dictations-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:16px}.dictation-card{border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px rgba(0,0,0,.025);display:flex;flex-direction:column;padding:12px;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.dictation-card:hover{box-shadow:0 12px 24px -8px #0000001a,0 4px 10px -4px #0000000d;transform:translateY(-4px)}.dictation-content{display:flex;flex-direction:column}.dictation-info{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:12px;padding:10px}.info-row{align-items:flex-start;border-bottom:1px dashed #0000000f;gap:10px}.info-label{color:#475569;flex-shrink:0;font-size:.9rem;font-weight:600;line-height:1.4}.info-value{font-weight:500;line-height:1.4;text-align:right;word-break:break-word}.dictation-buttons{display:flex;gap:12px}.btn-leadership,.btn-pdf,.btn-start{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;justify-content:center;letter-spacing:.01em;padding:8px 10px;text-decoration:none;transition:all .2s ease;width:100%}.btn-start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b98133}.btn-leadership{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 10px #8b5cf633;color:#fff}.btn-pdf{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 10px #f43f5e33;color:#fff}.btn-leadership:hover,.btn-pdf:hover,.btn-start:hover{opacity:1;transform:translateY(-2px)}.btn-start:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 15px #10b9814d}.btn-leadership:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 15px #8b5cf64d}.btn-pdf:hover{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 6px 15px #f43f5e4d}.no-results{background:var(--bg-card);border:1px solid var(--border-color);font-size:1.25rem;font-weight:800;grid-column:1/-1;padding:80px}.loading-container{gap:20px;min-height:60vh}.spinner{border:5px solid #f1f5f9;border-top:5px solid var(--secondary)}@media (max-width:1024px){.btn-yt-join{margin-top:25px;position:static;width:-webkit-fit-content;width:fit-content}}@media (max-width:768px){.yt-dictations-page{padding:30px 15px}.yt-dictations-header h1{font-size:2.2rem}.dictations-grid{gap:24px;grid-template-columns:1fr}.dictation-buttons{flex-direction:row}.dictation-card{padding:30px 24px}}:root{--bg-canvas:#f6f8fb;--bg-secondary:#eff2f6}.practice-overview{background-color:#f6f8fb;background-color:var(--bg-canvas);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1300px;min-height:100vh;padding:40px 30px}.practice-header{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;justify-content:center;margin-bottom:40px;min-height:100px;padding:24px;position:relative}.practice-title{color:#081e48;color:var(--primary-indigo);font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0;max-width:60%;text-align:center}.back-btn-nav,.home-btn-nav{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;gap:10px;letter-spacing:.5px;padding:12px 24px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.home-btn-nav{background:#eff2f6;background:var(--bg-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#081e48;color:var(--primary-indigo);left:24px}.home-btn-nav:hover{background:#081e48;background:var(--primary-indigo);color:#fff;transform:translateY(-50%) scale(1.05)}.back-btn-nav{background:#eff2f6;background:var(--bg-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#064d59;color:var(--primary-teal);right:24px}.back-btn-nav:hover{background:#064d59;background:var(--primary-teal);color:#fff;transform:translateY(-50%) scale(1.05)}.btn-icon{font-size:1.1rem}.practice-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 380px;margin-top:20px}.overview-section{background:#fff;background:var(--bg-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);height:-webkit-fit-content;height:fit-content;padding:40px}.overview-section h2{align-items:center;color:#081e48;color:var(--primary-indigo);display:flex;font-size:1.8rem;font-weight:800;gap:12px;margin-bottom:30px}.overview-section h2:after{background:#eff2f6;background:var(--bg-secondary);border-radius:2px;content:"";flex:1 1;height:2px}.overview-config-grid{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.config-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.config-field{display:flex;flex-direction:column;gap:10px}.config-field label{color:#64748b;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.config-field input,.config-field select{background:#f6f8fb;background:var(--bg-canvas);border:1.5px solid #eff2f6;border:1.5px solid var(--bg-secondary);border-radius:14px;color:#0f172a;color:var(--text-dark);font-size:1rem;font-weight:600;padding:14px 18px;transition:all .3s ease;width:100%}.config-field input:focus,.config-field select:focus{background:#fff;border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 0 0 4px #e2f8fd;box-shadow:0 0 0 4px var(--accent-soft);outline:none}.config-field input[readonly],.config-field select:disabled{background-color:#eff2f6;background-color:var(--bg-secondary);border-color:#0000;cursor:not-allowed;opacity:.8}.preview-dictation-btn{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);border:none;border-radius:14px;box-shadow:0 4px 12px #064d5933;color:#fff;cursor:pointer;font-size:.95rem;font-weight:800;padding:14px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.preview-dictation-btn:hover{box-shadow:0 8px 20px #064d594d;filter:brightness(1.1);transform:translateY(-3px)}.audio-player-group{background:#fff;transition:border-color .3s ease}.template-select:focus{border-color:#3498db}.form-group label{font-size:16px}.form-group input,.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.target-words-container{align-items:center;display:flex;gap:10px}.custom-target-input{flex:1 1;max-width:150px}.field-hint{color:#7f8c8d;font-size:12px;font-style:italic;margin-top:5px}.radio-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.radio-option span{text-transform:none!important}.audio-error-message{background-color:#fee;border-radius:4px;color:#c33;font-size:14px;margin-bottom:10px;padding:10px}.audio-player-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:20px}.audio-controls{display:flex;flex-direction:column;gap:15px}.audio-main-controls{flex-wrap:wrap;gap:15px}.audio-btn,.audio-main-controls{align-items:center;display:flex;justify-content:center}.audio-btn{background:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;padding:0;transition:all .3s ease;width:48px}.audio-btn:hover:not(:disabled){background:#2980b9;transform:scale(1.1)}.audio-btn:active:not(:disabled){transform:scale(.95)}.audio-btn:disabled{cursor:not-allowed;opacity:.5}.play-pause-btn{background:#27ae60;height:56px;width:56px}.play-pause-btn:hover:not(:disabled){background:#229954}.forward-btn,.rewind-btn{background:#7f8c8d}.forward-btn:hover:not(:disabled),.rewind-btn:hover:not(:disabled){background:#5d6d7e}.audio-progress-container{align-items:center;display:flex;gap:10px}.audio-time{color:#2c3e50;font-size:14px;font-weight:500;min-width:45px;text-align:center}.audio-progress-bar{background:#e0e0e0;border-radius:4px;cursor:pointer;flex:1 1;height:8px;position:relative;transition:height .2s ease}.audio-progress-bar:hover{height:12px}.audio-progress-fill{background:#3498db;border-radius:4px;height:100%;position:relative;transition:width .1s linear}.audio-progress-handle{background:#3498db;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:16px}.audio-progress-bar:hover .audio-progress-handle{opacity:1}.audio-volume-control{align-items:center;display:flex;gap:10px;padding:0 10px}.audio-volume-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;cursor:pointer;height:6px;outline:none;transition:background .3s ease;width:100px}.audio-volume-slider:hover{background:#d0d0d0}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-webkit-transition:background .3s ease;transition:background .3s ease;width:16px}.audio-volume-slider::-webkit-slider-thumb:hover{background:#2980b9}.audio-volume-slider::-moz-range-thumb{background:#3498db;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;-moz-transition:background .3s ease;transition:background .3s ease;width:16px}.audio-volume-slider::-moz-range-thumb:hover{background:#2980b9}.audio-volume-value{color:#2c3e50;font-size:12px;font-weight:500;min-width:35px;text-align:right}.audio-words-display{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;padding-top:10px}.audio-words-display label{color:#2c3e50;font-size:14px;font-weight:500;margin:0}.words-display-value{color:#2c3e50;font-size:14px;font-weight:600}.audio-speed-display{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;padding-top:10px}.audio-speed-display label{color:#2c3e50;font-size:14px;font-weight:500;margin:0}.calculated-speed{align-items:center;display:flex;gap:8px}.speed-value{color:#27ae60;font-size:16px;font-weight:600}.speed-formula{color:#7f8c8d;font-size:12px;font-weight:400;margin-left:5px}.preview-mode-options{display:flex;flex-wrap:wrap;gap:15px}.radio-option{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;color:#334155;font-size:13px;gap:6px;padding:8px 14px;transition:all .3s ease}.radio-option:hover{background-color:#fff;border-color:#3498db}.radio-option input[type=radio]{accent-color:#3498db;cursor:pointer;height:15px;width:15px}.radio-option input[type=radio]:checked+span{color:#3498db;font-weight:600}.start-transcription-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.start-transcription-btn:hover{background-color:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.modal-overlay{background:#0009;padding:20px}.modal-content{border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-width:800px;width:100%}.modal-header{border-bottom:2px solid #ecf0f1;padding:20px 30px}.modal-header h2{font-size:24px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ecf0f1;color:#2c3e50}.modal-body{flex:1 1;overflow-y:auto;padding:30px}.preview-matter-modal{word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#2c3e50;font-size:22px!important;line-height:2!important;padding:20px;white-space:pre-wrap}.preview-matter-modal *,.preview-matter-modal .highlight-word,.preview-matter-modal span{font-feature-settings:"liga" 1;font-family:inherit!important}.highlight-word{background-color:#e5f6fd;border-bottom:2px solid #039be5;color:#0288d1}.instructions-modal{max-width:600px}.instructions-content{color:#2c3e50}.instructions-content h3{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:18px;margin-bottom:15px;margin-top:20px;padding-bottom:8px}.instructions-content h3:first-child{margin-top:0}.instructions-list{list-style:none;margin:0 0 20px;padding:0}.instructions-list li{color:#34495e;line-height:1.6;padding:10px 0 10px 25px;position:relative}.instructions-list li:before{color:#3498db;content:"•";font-size:20px;font-weight:700;left:0;position:absolute}.instructions-list li strong{color:#2c3e50}.instructions-settings{grid-gap:12px;background:#f8f9fa;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:15px;padding:15px}.instruction-item{display:flex;flex-direction:column}.modal-word-selector{border-top:1px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px}.word-select-btn{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.word-select-btn:hover{background-color:#e3f2fd;border-color:#3498db;color:#3498db}.word-select-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.modal-footer{border-top:1px solid #ecf0f1;gap:15px;margin-top:20px;padding-top:20px}.btn-confirm{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;box-shadow:0 4px 6px #2ecc7133;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 12px #2ecc714d;filter:brightness(1.05);transform:translateY(-2px)}.btn-confirm:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.7}.btn-cancel{background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#f8f9fa;border-color:#bdc3c7;color:#2c3e50}.exams-section{border-top:2px solid #eff2f6;border-top:2px solid var(--bg-secondary);margin-top:40px;padding-top:30px}.exams-section h3{color:#081e48;color:var(--primary-indigo);font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin-bottom:20px}.exams-badges{display:flex;flex-wrap:wrap;gap:12px}.exam-badge{background:#eff2f6;background:var(--bg-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:50px;color:#081e48;color:var(--primary-indigo);cursor:default;font-size:.9rem;font-weight:700;padding:8px 18px;transition:all .3s ease}.exam-badge:hover{background:#064d59;background:var(--primary-teal);box-shadow:0 4px 12px #064d591a;color:#fff;transform:translateY(-2px)}@media (max-width:1100px){.practice-content{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.practice-overview{padding:20px 15px}.practice-header{flex-direction:column;gap:20px;min-height:auto;padding:30px 20px}.practice-header h1{font-size:1.6rem;margin:15px 0;max-width:100%}.header-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.back-btn-nav,.home-btn-nav{justify-content:center;padding:14px;position:static;transform:none;width:100%}.overview-section,.transcription-options-section{border-radius:20px;padding:24px}}:root{--settings-bg:#f6f8fb;--settings-surface:#fff;--settings-secondary:#eff2f6}.transcription-settings{background-color:#f6f8fb;background-color:var(--settings-bg);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:30px 20px}.settings-header{align-items:center;background:#fff;background:var(--settings-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;justify-content:center;margin-bottom:40px;padding:24px 40px;position:relative}.settings-header h1{color:#081e48;color:var(--primary-indigo);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin:0}.back-btn{background:var(--settings-secondary)}.settings-content{display:flex;justify-content:center}.settings-card{background:#fff;background:var(--settings-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);padding:24px 30px;width:100%}.setting-item{border-bottom:1.5px solid #eff2f6;border-bottom:1.5px solid var(--settings-secondary);margin-bottom:20px;padding-bottom:15px}.setting-item:last-of-type{border-bottom:none;margin-bottom:25px}.setting-item label{color:#081e48;color:var(--primary-indigo);display:block;font-size:1rem;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}.radio-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.radio-option{align-items:center;background:#f6f8fb;background:var(--settings-bg);border:2px solid #eff2f6;border:2px solid var(--settings-secondary);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.radio-option:hover{background:#fff;border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 10px 20px #064d590d;transform:translateY(-3px)}.radio-option input[type=radio]{accent-color:#064d59;accent-color:var(--primary-teal);height:20px;width:20px}.radio-option span{color:#0f172a;color:var(--text-dark);font-size:1rem;font-weight:700}.radio-option input[type=radio]:checked+span{color:#064d59;color:var(--primary-teal)}.radio-option:has(input:checked){background:#e2f8fd;background:var(--accent-soft);border-color:#064d59;border-color:var(--primary-teal)}.template-select{background-color:#f6f8fb;background-color:var(--settings-bg);border:2px solid #eff2f6;border:2px solid var(--settings-secondary);border-radius:18px;color:#0f172a;color:var(--text-dark);font-size:1.1rem;font-weight:700;padding:18px 24px;transition:all .3s;width:100%}.template-select:focus{background:#fff;border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 0 0 4px #e2f8fd;box-shadow:0 0 0 4px var(--accent-soft);outline:none}.template-preview{background-color:#eff2f6;background-color:var(--settings-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;margin-top:24px;padding:30px}.template-info{color:#081e48;color:var(--primary-indigo);font-size:1.1rem;font-weight:800;margin-bottom:15px}.template-settings-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.template-settings-preview span{background:#fff;border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:12px;color:#64748b;color:var(--text-muted);font-size:.95rem;font-weight:700;padding:12px 16px}.start-test-btn{background:var(--prism-gradient);border-radius:16px;box-shadow:0 10px 25px #081e4833;font-size:1.1rem;letter-spacing:1.5px;margin-top:20px;padding:16px;text-transform:uppercase}.start-test-btn:hover:not(:disabled){box-shadow:0 20px 40px #081e484d;filter:brightness(1.1);transform:translateY(-5px)}.start-test-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.transcription-settings{padding:20px}.settings-header{flex-direction:column;gap:20px;padding:40px 24px}.back-btn{position:static;text-align:center;transform:none;width:100%}.settings-header h1{font-size:1.8rem;text-align:center}.settings-card{border-radius:24px;padding:30px 24px}.radio-group{grid-template-columns:1fr}}:root{--test-bg:#f6f8fb;--test-surface:#fff;--test-secondary:#eff2f6}.transcription-test{background-color:#f6f8fb;background-color:var(--test-bg);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1)}.transcription-test.fullscreen-mode{border-radius:0;max-width:100%;padding:40px}.test-error,.test-loading{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:80vh}.spinner{border:4px solid #eff2f6;border-top:4px solid #064d59;border:4px solid var(--test-secondary);height:60px;width:60px}.test-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--test-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);justify-content:space-between;margin-bottom:40px;padding:24px 40px;position:-webkit-sticky;position:sticky;top:20px;z-index:100}.header-left,.test-header{align-items:center;display:flex}.header-left{gap:20px}.back-btn{background:var(--test-secondary);padding:12px 24px}.back-btn:hover{transform:translateX(-5px)}.header-controls{align-items:center;display:flex;gap:32px}.control-buttons{background:#eff2f6;background:var(--test-secondary);border-radius:18px;gap:12px;padding:8px}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:#fff;border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:12px;color:#081e48;color:var(--primary-indigo);cursor:pointer;height:44px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px}.control-btn:hover{background:#081e48;background:var(--primary-indigo);color:#fff;transform:scale(1.1)}.font-size-display{font-size:.95rem;min-width:50px;text-align:center}.font-size-display,.test-header h2{color:#081e48;color:var(--primary-indigo);font-weight:800}.test-header h2{font-size:1.8rem;letter-spacing:-.02em}.timer{align-items:center;display:flex;gap:16px}.timer-label{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.timer-value{background:#eff2f6;background:var(--test-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:16px;color:#081e48;color:var(--primary-indigo);font-family:JetBrains Mono,Courier New,monospace;font-size:2rem;font-weight:800;min-width:120px;padding:10px 24px;text-align:center}.timer-value.warning{animation:timerPulse 1s cubic-bezier(.4,0,.6,1) infinite;background:#fff1f2;border-color:#fda4af;color:#e11d48}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.test-content{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px}.matter-preview{background:#fff;background:var(--test-surface);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);padding:40px}.matter-preview h3{color:#081e48;color:var(--primary-indigo);font-size:1.4rem;font-weight:800;margin-bottom:24px}.matter-content{background-color:#eff2f6;background-color:var(--test-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:20px;color:#0f172a;color:var(--text-dark);font-size:1.2rem;line-height:2!important;padding:30px}.typing-section{background:#fff;background:var(--test-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);padding:40px}.typing-section label{color:#081e48;color:var(--primary-indigo);display:block;font-size:1.4rem;font-weight:800;margin-bottom:24px}.typing-area{background:#f6f8fb;background:var(--test-bg);border:2px solid #eff2f6;border:2px solid var(--test-secondary);border-radius:24px;color:#0f172a;color:var(--text-dark);font-size:1.2rem;line-height:1.8;min-height:400px;padding:30px;resize:vertical;transition:all .3s;width:100%}.typing-area:focus{background:#fff;border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 0 0 6px #e2f8fd;box-shadow:0 0 0 6px var(--accent-soft);outline:none}.typing-stats{color:#64748b;color:var(--text-muted);display:flex;font-size:.95rem;font-weight:700;gap:32px;letter-spacing:.5px;margin-top:24px;text-transform:uppercase}.test-footer{display:flex;gap:24px;justify-content:center;padding:40px 0 80px}.pause-exam-btn,.submit-exam-btn{border:none;border-radius:20px;cursor:pointer;font-size:1.1rem;font-weight:800;letter-spacing:1px;padding:20px 48px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.submit-exam-btn{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);box-shadow:0 10px 25px #081e4833;color:#fff}.submit-exam-btn:hover:not(:disabled){box-shadow:0 20px 40px #081e484d;transform:translateY(-5px)}.pause-exam-btn{background:#eff2f6;background:var(--test-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#081e48;color:var(--primary-indigo)}.pause-exam-btn:hover:not(:disabled){background:#081e48;background:var(--primary-indigo);color:#fff;transform:translateY(-5px)}@media (max-width:768px){.transcription-test{padding:20px}.test-header{padding:24px}.header-controls,.test-header{flex-direction:column;gap:20px}.header-controls,.timer{width:100%}.timer{justify-content:center}.matter-preview,.typing-section{border-radius:24px;padding:24px}}:root{--result-bg:#f6f8fb;--result-surface:#fff;--result-secondary:#eff2f6;--mistake-full:#e11d48;--mistake-half:#d97706;--mistake-extra:#64748b;--mistake-substitution:#7c3aed}.transcription-result{background-color:#f6f8fb;background-color:var(--result-bg);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:50px 30px}.result-header{align-items:center;background:#fff;background:var(--result-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;justify-content:center;margin-bottom:40px;padding:24px 40px;position:relative}.result-header h1{font-size:2.4rem;letter-spacing:-.03em;margin:0}.back-btn,.result-header h1{color:#081e48;color:var(--primary-indigo);font-weight:800}.back-btn{background:#eff2f6;background:var(--result-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:14px;cursor:pointer;font-size:.9rem;left:24px;letter-spacing:.5px;padding:12px 28px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .3s}.back-btn:hover{background:#081e48;background:var(--primary-indigo);color:#fff;transform:translateY(-50%) translateX(-5px)}.header-actions{align-items:center;display:flex;gap:16px;right:24px}.download-btn{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.download-btn:hover{box-shadow:0 10px 20px #081e4826;transform:translateY(-2px)}.result-content{grid-gap:32px;display:grid;gap:32px}.comparison-card,.info-card,.mistakes-overview-container,.summary-card,.typing-comparison-section,.word-analysis-section{background:#fff;background:var(--result-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);padding:40px}h2,h3{color:#081e48;color:var(--primary-indigo);font-size:1.6rem;font-weight:800;letter-spacing:-.01em;margin-bottom:30px}.summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-item{background:#eff2f6;background:var(--result-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;padding:30px 20px;text-align:center;transition:transform .3s}.summary-item:hover{background:#fff;border-color:#064d59;border-color:var(--primary-teal);transform:translateY(-8px)}.summary-label{color:#64748b;color:var(--text-muted);font-size:.85rem;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.summary-value{color:#081e48;color:var(--primary-indigo);font-size:2.2rem;font-weight:900}.summary-item.accuracy .summary-value{color:#064d59;color:var(--primary-teal)}.result-tabs{background:#eff2f6;background:var(--result-secondary);border-radius:20px;display:flex;gap:8px;margin-bottom:32px;padding:8px;width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border:none;border-radius:14px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:800;padding:12px 32px;transition:all .3s}.tab-btn.active{background:#fff;box-shadow:0 4px 12px #081e4814;color:#081e48;color:var(--primary-indigo)}.word-badges-container{background:#eff2f6;background:var(--result-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;line-height:2.5;padding:30px}.word-badge{border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:700;margin:4px;padding:6px 14px;transition:all .2s}.badge-correct{background:#fff;border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#0f172a;color:var(--text-dark)}.badge-spelling{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.badge-punctuation{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.badge-missing{background:#eff2f6;background:var(--result-secondary);border:1.5px dashed #94a3b826;border:1.5px dashed var(--border-ghost);color:#64748b;color:var(--text-muted);text-decoration:line-through}.badge-extra{background:#fef9c3;border:1px solid #fef08a;color:#a16207}.analysis-stats-bar{background:#e2f8fd;background:var(--accent-soft);border-radius:18px;display:flex;gap:32px;margin-bottom:32px;padding:20px 30px}.stat-item{color:#064d59;color:var(--primary-teal);font-size:1rem;font-weight:700}.stat-item strong{color:#081e48;color:var(--primary-indigo);font-size:1.3rem;margin-left:8px}.exam-results-table{border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-collapse:initial;border-radius:20px;border-spacing:0;overflow:hidden;width:100%}.exam-results-table th{background:#eff2f6;background:var(--result-secondary);color:#081e48;color:var(--primary-indigo);font-size:.9rem;font-weight:800;letter-spacing:1px;padding:20px;text-align:left;text-transform:uppercase}.exam-results-table td{background:#fff;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-ghost);color:#0f172a;color:var(--text-dark);font-weight:700;padding:20px}.exam-results-table tr:hover td{background:#eff2f6;background:var(--result-secondary)}.comparison-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.comparison-text{word-wrap:break-word;background:#eff2f6;background:var(--result-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:20px;color:#0f172a;color:var(--text-dark);font-size:1.1rem;height:500px;line-height:1.8;overflow-y:auto;padding:24px;white-space:pre-wrap}@media print{@page{size:A4;margin:1cm}body{background:#fff;font-size:10pt}.transcription-result{background:#fff;padding:0}.result-header{border:none;border-bottom:2px solid #081e48;border-bottom:2px solid var(--primary-indigo);border-radius:0;box-shadow:none;justify-content:space-between;margin-bottom:1cm;padding:10px;position:static}.back-btn,.header-actions,.result-tabs{display:none!important}.candidate-details{border-bottom:1px solid #ddd;display:flex!important;gap:2cm;margin-bottom:1cm;padding-bottom:10px}.info-card,.mistakes-overview-container,.summary-card,.word-analysis-section{border:1px solid #ddd;border-radius:0;box-shadow:none;break-inside:avoid;margin-bottom:1cm;padding:20px;page-break-inside:avoid}.word-badge{border:1px solid #ddd}}.candidate-details{color:#081e48;color:var(--primary-indigo);display:none;font-weight:700;margin-top:10px}@media (max-width:768px){.transcription-result{padding:20px}.result-header{flex-direction:column;gap:20px;min-height:auto;padding:40px 24px}.back-btn{text-align:center;transform:none}.back-btn,.header-actions{position:static;width:100%}.header-actions{justify-content:center}.result-header h1{font-size:1.8rem;text-align:center}.info-card,.summary-card,.word-analysis-section{padding:24px}.result-tabs{flex-direction:column;width:100%}.tab-btn{text-align:center;width:100%}.comparison-grid{grid-template-columns:1fr}}:root{--catalog-bg:#f6f8fb;--catalog-surface:#fff;--catalog-secondary:#eff2f6}.english-steno-page{background-color:#f6f8fb;background-color:var(--catalog-bg)}.page-header{align-items:center;background:#fff;background:var(--catalog-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:28px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;justify-content:center;margin-bottom:50px;padding:30px 40px;position:relative}.centered-title,.page-header h1{letter-spacing:-.04em!important;margin:0}.back-button-right{background:var(--catalog-secondary);border-radius:14px;font-size:.9rem;transition:all .3s}.package-banner{align-items:center;background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);border-radius:20px;box-shadow:0 12px 24px #081e4826;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:16px;margin-bottom:40px;padding:20px 30px}.category-card,.dictation-card,.volume-card{background:var(--catalog-surface)}.category-card:hover,.dictation-card:hover,.volume-card:hover{box-shadow:0 25px 50px #081e481a;transform:translateY(-10px)}.category-image,.volume-thumbnail{background-color:var(--catalog-secondary);overflow:hidden}.category-image img,.volume-thumbnail{height:100%;object-fit:cover;width:100%}.category-content,.dictation-content,.volume-content{padding:32px}.category-content h3,.dictation-content h3,.volume-content h3{color:#081e48;color:var(--primary-indigo);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;margin-bottom:16px}.category-description,.volume-description{line-height:1.6}.volume-dictation-count{border-radius:12px;font-size:.9rem}.volume-price{color:#064d59;color:var(--primary-teal)}.volume-footer{border-top:1.5px solid #eff2f6;border-top:1.5px solid var(--catalog-secondary)}.dictation-buttons button,.volume-actions button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:800;justify-content:center;letter-spacing:.5px;padding:14px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-view-details{background:var(--catalog-secondary)}.btn-owned{background:#f1f5f9;cursor:not-allowed!important}.btn-start{box-shadow:0 8px 20px #064d5933}.btn-leadership{background:#eff2f6;background:var(--catalog-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#081e48;color:var(--primary-indigo)}.btn-pdf{border:1px solid #fee2e2}.btn-pdf:hover{background:#fff1f2;border-color:#fda4af}.dictation-info{background-color:var(--catalog-secondary)}.info-row{border-bottom:1px dashed #081e481a;padding:12px 0}.info-label{color:#64748b;color:var(--text-muted);font-weight:700}.info-value{color:#081e48;color:var(--primary-indigo);font-size:1rem;font-weight:800}.empty-state{background:var(--catalog-surface);font-size:1.2rem;font-weight:600}@media (max-width:768px){.english-steno-page{padding:20px}.page-header{flex-direction:column;gap:24px;padding:40px 24px}.header-actions{position:static;transform:none;width:100%}.back-button-right{text-align:center;width:100%}.page-header h1{font-size:2rem!important;text-align:center}.categories-grid,.dictations-grid,.volumes-grid{grid-template-columns:1fr!important}}:root{--details-bg:#f6f8fb;--details-surface:#fff;--details-secondary:#eff2f6}.dictation-details-page{background-color:#f6f8fb;background-color:var(--details-bg);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:50px 30px}.details-header{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.details-header h1{font-size:3.2rem;letter-spacing:-.04em;margin:0}.back-button,.details-header h1{color:#081e48;color:var(--primary-indigo);font-weight:800}.back-button{background:#fff;background:var(--details-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:14px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);font-size:.9rem;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s;width:-webkit-fit-content;width:fit-content}.back-button:hover{background:#081e48;background:var(--primary-indigo);color:#fff;transform:translateX(-5px)}.details-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:400px 1fr}.dictation-image{position:-webkit-sticky;position:sticky;top:40px}.dictation-image img{border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:block;width:100%}.dictation-info{display:flex;flex-direction:column;gap:32px}.info-section{background:#fff;background:var(--details-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);padding:40px}.info-section h2{border-bottom:2px solid #eff2f6;border-bottom:2px solid var(--details-secondary);color:#081e48;color:var(--primary-indigo);font-size:1.4rem;font-weight:800;letter-spacing:1px;margin:0 0 24px;padding-bottom:12px;text-transform:uppercase}.info-section p{color:#0f172a;color:var(--text-dark);font-size:1.1rem;line-height:1.7;margin:0}.audio-player{background:#eff2f6;background:var(--details-secondary);border-radius:100px;height:54px;width:100%}.matter-preview{background-color:#eff2f6;background-color:var(--details-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:20px;color:#0f172a;color:var(--text-dark);font-size:1.1rem;line-height:1.8;max-height:400px;overflow-y:auto;padding:24px;white-space:pre-wrap}.action-buttons{margin-top:10px}.btn-start-practice{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);border:none;border-radius:24px;box-shadow:0 15px 35px #081e4826;cursor:pointer;font-size:1.4rem;font-weight:900;letter-spacing:1px;padding:24px 60px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.btn-start-practice:hover{box-shadow:0 20px 45px #081e4833;transform:translateY(-5px)}.error,.loading{color:#64748b;color:var(--text-muted);font-size:1.5rem;font-weight:700;padding:100px 20px}.error{color:#e11d48}@media (max-width:1200px){.details-content{grid-template-columns:1fr}.dictation-image{margin:0 auto;max-width:600px;position:static}.details-header h1{font-size:2.4rem}}@media (max-width:768px){.dictation-details-page{padding:30px 20px}.info-section{padding:24px}.btn-start-practice{font-size:1.1rem;padding:20px}}.volume-purchase-page{margin:0 auto;max-width:1000px;padding:20px}.purchase-header{margin-bottom:30px}.purchase-header h1{color:#2c3e50;font-size:2.5rem;margin:20px 0}.back-button{margin-bottom:10px}.purchase-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.5fr;margin-top:20px}.volume-image{width:100%}.volume-image img{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:auto;width:100%}.volume-details{display:flex;flex-direction:column;gap:20px}.volume-details h2{color:#2c3e50;font-size:2rem;margin:0}.volume-description{color:#7f8c8d;font-size:1.1rem;line-height:1.6}.purchase-info{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.category-section,.price-section{align-items:center;display:flex;justify-content:space-between}.category-label,.price-label{color:#7f8c8d;font-size:1.1rem;font-weight:500}.price-value{color:#27ae60;font-size:2rem;font-weight:700}.category-value{color:#2c3e50;font-size:1.2rem;font-weight:600}.purchase-actions{margin-top:20px}.btn-purchase-now{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:background-color .3s ease;width:100%}.btn-purchase-now:hover:not(:disabled){background-color:#229954}.btn-purchase-now:disabled{background-color:#95a5a6;cursor:not-allowed}.error-message{border:1px solid #e74c3c;margin-top:15px}.error,.loading{color:#7f8c8d;font-size:1.2rem;padding:40px;text-align:center}.error{color:#e74c3c}@media (max-width:968px){.purchase-content{grid-template-columns:1fr}.volume-image{margin:0 auto;max-width:400px}}@media (max-width:768px){.volume-purchase-page{padding:15px}.purchase-header h1{font-size:2rem}.price-value,.volume-details h2{font-size:1.5rem}}.dictation-leadership{margin:0 auto;max-width:1200px;padding:20px}.leadership-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.leadership-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.back-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.back-button:hover{background-color:#2980b9}.dictation-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.dictation-info h2{color:#2c3e50;font-size:1.8rem;margin:0 0 15px}.dictation-meta{display:flex;flex-wrap:wrap;gap:10px}.category-badge,.volume-badge{border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px}.category-badge{background-color:#3498db;color:#fff}.volume-badge{background-color:#95a5a6;color:#fff}.leadership-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;padding:20px}.leadership-table{border-collapse:collapse;font-size:16px;width:100%}.leadership-table thead{background-color:#34495e;color:#fff}.leadership-table th{border-bottom:2px solid #2c3e50;font-weight:600;padding:15px;text-align:left}.leadership-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s ease}.leadership-table tbody tr:hover{background-color:#f8f9fa}.leadership-table tbody tr.rank-gold{background-color:#fff9e6}.leadership-table tbody tr.rank-gold:hover{background-color:#fff4cc}.leadership-table tbody tr.rank-silver{background-color:#f5f5f5}.leadership-table tbody tr.rank-silver:hover{background-color:#e8e8e8}.leadership-table tbody tr.rank-bronze{background-color:#fef5e7}.leadership-table tbody tr.rank-bronze:hover{background-color:#fdebd0}.leadership-table td{padding:15px;vertical-align:middle}.rank-cell{text-align:center;width:80px}.rank-number{background-color:#ecf0f1;border-radius:50%;color:#2c3e50;display:inline-block;font-size:18px;font-weight:700;height:40px;line-height:40px;width:40px}.rank-number.rank-gold{background-color:gold;color:#2c3e50}.rank-number.rank-silver{background-color:silver;color:#2c3e50}.rank-number.rank-bronze{background-color:#cd7f32;color:#fff}.profile-cell{text-align:center;width:100px}.profile-picture{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;margin:0 auto;width:50px}.username-cell{color:#2c3e50;font-weight:500}.accuracy-cell,.marks-cell{color:#27ae60;font-size:18px;font-weight:600}.speed-cell{color:#7f8c8d}.attempts-cell{color:#7f8c8d;text-align:center}.leadership-error,.leadership-loading,.no-leadership{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.leadership-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}.leadership-error p{color:#e74c3c;font-size:18px;margin-bottom:20px}.leadership-error button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.leadership-error button:hover{background-color:#2980b9}.no-leadership p{color:#7f8c8d;font-size:18px}@media (max-width:768px){.dictation-leadership{padding:15px}.leadership-header{align-items:flex-start;flex-direction:column;gap:15px}.leadership-header h1{font-size:2rem}.dictation-info h2{font-size:1.5rem}.leadership-table{font-size:14px}.leadership-table td,.leadership-table th{padding:10px 8px}.rank-number{font-size:16px;height:35px;line-height:35px;width:35px}.profile-picture{font-size:16px;height:40px;width:40px}.accuracy-cell,.marks-cell{font-size:16px}}@media (max-width:480px){.leadership-table-container{padding:10px}.leadership-table{font-size:12px}.leadership-table td,.leadership-table th{padding:8px 5px}}.attempts-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.attempts-btn:hover{color:#2980b9}.leadership-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leadership-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.leadership-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 25px}.leadership-modal-header h3{color:#2c3e50;margin:0}.close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px}.close-btn:hover{color:#34495e}.leadership-modal-body{overflow-y:auto;padding:20px 25px}.leadership-past-table{border-collapse:collapse;width:100%}.leadership-past-table td,.leadership-past-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.leadership-past-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}:root{--dc-indigo:#081e48;--dc-teal:#064d59;--dc-bg:#f8fafc;--dc-surface:#fff;--dc-border:#c5c6d026;--dc-shadow:0 20px 40px #081e480d;--dc-gradient:linear-gradient(135deg,#064d59,#081e48)}.dc-page{background:#f8fafc;background:var(--dc-bg);font-family:Manrope,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 30px 100px}.dc-header{margin-bottom:50px;text-align:center}.dc-header h1{color:#081e48;color:var(--dc-indigo);font-size:3.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.5rem}.dc-header p{color:#64748b;font-size:1.15rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.dc-category-bar{background:#fff;background:var(--dc-surface);border:1px solid #c5c6d026;border:1px solid var(--dc-border);border-radius:100px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--dc-shadow);display:inline-flex;gap:10px;left:50%;margin-bottom:40px;padding:8px;position:relative;transform:translateX(-50%)}.dc-category-btn{background:#0000;border:none;border-radius:100px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 35px;transition:all .3s}.dc-category-btn.active{background:#081e48;background:var(--dc-indigo);box-shadow:0 10px 20px #081e4826;color:#fff}.dc-search-wrap{align-items:center;background:#fff;background:var(--dc-surface);border:1px solid #c5c6d026;border:1px solid var(--dc-border);border-radius:100px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--dc-shadow);display:flex;gap:15px;margin:0 auto 40px;max-width:800px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dc-search-wrap:focus-within{border-color:#081e48;border-color:var(--dc-indigo);box-shadow:0 25px 50px #081e481a;transform:scale(1.02)}.dc-search-input{background:#0000;border:none;color:#081e48;color:var(--dc-indigo);flex:1 1;font-size:1.1rem;font-weight:600;outline:none;padding:10px}.dc-search-icon{color:#94a3b8;font-size:1.5rem}.dc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px}.dc-card{background:#fff;background:var(--dc-surface);border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 6px -1px #00000008;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dc-card:hover{box-shadow:0 20px 40px #081e4814;transform:translateY(-8px)}.dc-card-word{background:#f8fafc;border-bottom:1px solid #00000005;color:#081e48;color:var(--dc-indigo);font-weight:800;letter-spacing:-.01em;padding:15px 20px;text-align:center}.dc-card-image{align-items:center;aspect-ratio:1;background:#fff;display:flex;justify-content:center;padding:20px}.dc-card-image img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.dc-action-bar{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.dc-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s}.dc-btn-primary{background:linear-gradient(135deg,#064d59,#081e48);background:var(--dc-gradient);border:none;color:#fff}.dc-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.dc-btn:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-3px)}.dc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081e4866;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dc-modal{background:#fff;border-radius:32px;box-shadow:0 50px 100px #00000026;max-width:500px;padding:40px;position:relative;width:100%}.dc-modal-close{background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:25px;top:25px;transition:all .2s;width:40px}.dc-form-group{margin-bottom:24px}.dc-form-label{color:#081e48;color:var(--dc-indigo);display:block;font-size:.9rem;font-weight:700;margin-bottom:10px}.dc-form-input{border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.dc-form-input:focus{border-color:#081e48;border-color:var(--dc-indigo)}.dc-sub-panel{background:#fff;border:1px solid #c5c6d026;border:1px solid var(--dc-border);border-radius:24px;margin-top:40px;padding:30px}.dc-sub-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px}.dc-status{border-radius:99px;font-size:.75rem;font-weight:800;padding:4px 12px;text-transform:uppercase}.dc-status-pending{background:#fef9c3;color:#a16207}.dc-status-published{background:#dcfce7;color:#15803d}@media (max-width:1200px){.dc-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.dc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dc-grid{grid-template-columns:1fr}.dc-header h1{font-size:2.2rem}.dc-search-wrap{border-radius:24px;padding:8px 16px}}:root{--live-bg:#f6f8fb;--live-surface:#fff;--live-secondary:#eff2f6}.live-classes-page{background:#f6f8fb;background:var(--live-bg);font-family:Manrope,Inter,sans-serif;min-height:100vh;padding:40px 30px}.live-header{background:#fff;background:var(--live-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);margin:0 auto 50px;max-width:1400px;padding:40px}.top-banner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.btn-steps{background:#eff2f6;background:var(--live-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:16px;color:#081e48;color:var(--primary-indigo);cursor:pointer;font-weight:800;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.btn-steps:hover{background:#081e48;background:var(--primary-indigo);color:#fff;transform:translateY(-2px)}.live-header h1{color:#081e48;color:var(--primary-indigo);font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0}.btn-whatsapp{background:#25d366;border:none;border-radius:100px;box-shadow:0 10px 20px #25d36633;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s}.btn-whatsapp:hover{box-shadow:0 15px 30px #25d3664d;transform:translateY(-3px) scale(1.02)}.class-status-banner{background:#eff2f6;background:var(--live-secondary);border-radius:24px;display:inline-block;margin-bottom:40px;min-width:400px;padding:30px}.class-status-banner p{align-items:center;color:#081e48;color:var(--primary-indigo);display:flex;font-size:1.4rem;font-weight:800;gap:12px;justify-content:center;margin-bottom:15px}.live-tag{animation:pulse 2s infinite;background:#ff4757;border-radius:100px;color:#fff;font-size:.85rem;font-weight:900;letter-spacing:1px;padding:4px 12px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.link-box{align-items:center;background:#fff;border:2px solid #94a3b826;border:2px solid var(--border-ghost);border-radius:20px;box-shadow:0 4px 12px #00000008;display:flex;margin:0 auto;max-width:500px;padding:12px 20px}.camera-icon{font-size:1.6rem;margin-right:15px}.link-box input{background:#0000;border:none;color:#064d59;color:var(--primary-teal);font-size:1.1rem;font-weight:600;outline:none;width:100%}.search-exams{margin-top:30px}.search-box{background:#f6f8fb;background:var(--live-bg);border:1.5px solid #94a3b826;border:1.5px solid var(--border-ghost);border-radius:20px;margin:0 0 0 auto;max-width:400px;padding:14px 24px;transition:all .3s}.search-box:focus-within{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 0 0 4px #e2f8fd;box-shadow:0 0 0 4px var(--accent-soft)}.search-box input{background:#0000;border:none;color:#0f172a;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-left:12px;outline:none;width:100%}.exams-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto;max-width:1400px}.exam-card{background:#fff;background:var(--live-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;padding:30px;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.exam-card:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 40px 80px #081e481a;transform:translateY(-12px)}.exam-logo{align-items:center;background:#eff2f6;background:var(--live-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:24px;display:flex;height:120px;justify-content:center;margin:0 auto 25px;padding:15px;width:120px}.exam-logo img{max-height:100%;max-width:100%;object-fit:contain}.exam-info p{border-bottom:1px dashed #94a3b826;border-bottom:1px dashed var(--border-ghost);color:#64748b;color:var(--text-muted);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.exam-info strong{color:#081e48;color:var(--primary-indigo);font-weight:800}.exam-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:25px}.btn-activate,.btn-join,.btn-start-practice{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s;width:100%}.btn-join{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);box-shadow:0 10px 20px #081e4833;color:#fff}.btn-join:hover{filter:brightness(1.1);transform:translateY(-3px)}.btn-start-practice{background:#ff4757;box-shadow:0 10px 20px #ff475733;color:#fff;font-size:1.1rem}.btn-start-practice:hover{filter:brightness(1.1);transform:translateY(-3px)}.bottom-btns{display:flex;gap:12px;margin-top:8px}.btn-features,.btn-view-dict{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:800;padding:12px;text-transform:uppercase;transition:all .2s}.btn-view-dict{background:#eff2f6;background:var(--live-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#081e48;color:var(--primary-indigo)}.btn-view-dict:hover{background:#081e48;background:var(--primary-indigo);color:#fff}.btn-features{background:#e2f8fd;background:var(--accent-soft);color:#064d59;color:var(--primary-teal)}.modal-content{background:var(--live-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 30px 60px #0003;padding:40px}.modal-content h2{color:#081e48;color:var(--primary-indigo);font-size:2rem;font-weight:800;margin-bottom:25px}.modal-content ol{color:#0f172a;color:var(--text-dark);font-weight:600;line-height:1.8;margin-bottom:30px}.btn-close{background:#eff2f6;background:var(--live-secondary);border:none;border-radius:16px;cursor:pointer;font-weight:800;padding:16px;text-transform:uppercase;width:100%}.live-dictations-view{padding:40px 30px}.dictation-card{background:#fff;background:var(--live-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dictation-info{background:#eff2f6;background:var(--live-secondary);padding:24px}.btn-leadership{background:#e2f8fd;background:var(--accent-soft);box-shadow:0 4px 12px #064d591a;color:#064d59;color:var(--primary-teal)}@media (max-width:768px){.live-header h1{font-size:2rem}.top-banner{flex-direction:column;text-align:center}.class-status-banner{min-width:100%}}.cart-page{margin:0 auto;max-width:1200px;padding:20px}.cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.cart-header h1{color:#2c3e50;margin:0}.btn-clear{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-clear:hover{background-color:#c0392b}.cart-empty{padding:60px 20px;text-align:center}.cart-empty p{color:#7f8c8d;font-size:18px;margin-bottom:20px}.btn-continue-shopping{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px}.btn-continue-shopping:hover{background-color:#2980b9}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:20px;position:relative}.cart-item-thumbnail{border-radius:5px;height:120px;object-fit:cover;width:120px}.cart-item-details{flex:1 1}.cart-item-details h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.cart-item-type{color:#7f8c8d;font-size:14px;margin:0 0 8px;text-transform:capitalize}.cart-item-description{color:#555;font-size:14px;line-height:1.5;margin:8px 0 0}.cart-item-price{align-items:center;display:flex;margin-right:40px}.cart-item-price .price{color:#27ae60;font-size:20px;font-weight:700}.cart-item-actions{align-items:center;display:flex;margin-left:20px}.btn-remove-item{background-color:#fee;border:1px solid #ffcfcf;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-remove-item:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.cart-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.cart-summary h2{color:#2c3e50;font-size:22px;margin:0 0 20px}.summary-row{border-bottom:1px solid #ecf0f1}.summary-row.total{border-bottom:none;border-top:2px solid #2c3e50;color:#2c3e50;font-size:18px;margin-top:10px;padding-top:15px}.btn-checkout{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:15px;width:100%}.btn-checkout:hover{background-color:#229954}.error-message{color:#e74c3c;padding:20px;text-align:center}.coupon-section{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;margin:10px 0;padding:15px 0}.coupon-input-row{display:flex;gap:8px}.coupon-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;font-weight:600;letter-spacing:1px;outline:none;padding:10px 12px;text-transform:uppercase;transition:border-color .3s ease}.coupon-input:focus{border-color:#667eea}.coupon-input::placeholder{color:#aaa;font-weight:400;letter-spacing:0;text-transform:none}.btn-apply-coupon{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.btn-apply-coupon:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-apply-coupon:disabled{cursor:not-allowed;opacity:.6}.coupon-error{color:#e74c3c;font-size:13px;font-weight:500;margin-top:8px}.coupon-applied{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.coupon-applied-info{display:flex;flex-direction:column;gap:2px}.coupon-tag{color:#155724;font-size:14px;font-weight:700;letter-spacing:.5px}.coupon-desc{color:#28a745;font-size:12px;font-weight:500}.btn-remove-coupon{align-items:center;background:#dc35451a;border:1px solid #dc3545;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-remove-coupon:hover{background:#dc3545;color:#fff}.summary-row.discount-row{color:#28a745;font-weight:600}.discount-value{color:#28a745;font-weight:700}@media (max-width:768px){.cart-content{grid-template-columns:1fr}.cart-item{flex-direction:column}.cart-item-thumbnail{height:200px;width:100%}.cart-item-price{margin-right:0;margin-top:10px}}.checkout-page{margin:0 auto;max-width:1200px;padding:20px}.checkout-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.checkout-header h1{color:#2c3e50;margin:0}.btn-back{background-color:#95a5a6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-back:hover{background-color:#7f8c8d}.error-message{border-radius:5px;padding:15px}.checkout-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.checkout-items{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.checkout-items h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:22px;margin:0 0 20px;padding-bottom:10px}.checkout-item{border-bottom:1px solid #ecf0f1;display:flex;gap:20px;padding:20px 0}.checkout-item:last-child{border-bottom:none}.checkout-item-thumbnail{border-radius:5px;height:100px;object-fit:cover;width:100px}.checkout-item-details{flex:1 1}.checkout-item-details h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.checkout-item-type{color:#7f8c8d;font-size:14px;margin:0;text-transform:capitalize}.checkout-item-price{align-items:center;color:#27ae60;display:flex;font-size:18px;font-weight:700}.billing-summary{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.billing-summary h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:22px;margin:0 0 20px;padding-bottom:10px}.summary-section{margin-bottom:25px}.summary-row{color:#555;display:flex;justify-content:space-between;padding:12px 0}.summary-row.total{background:linear-gradient(135deg,#f0f9f4,#fff);border-bottom:3px solid #27ae60;border-radius:8px;border-top:3px solid #27ae60;color:#27ae60;font-size:24px;font-weight:700;margin-top:15px;padding:20px 15px}.payment-info{background:linear-gradient(135deg,#e3f2fd,#f5f5f5);border-left:4px solid #3498db;border-radius:8px;margin-bottom:25px;padding:20px}.payment-summary-box{background-color:#fff;border:1px solid #ddd;border-radius:6px;margin-top:15px;padding:15px}.payment-summary-box p{color:#2c3e50;font-size:15px;margin:8px 0}.payment-summary-box p:first-child{color:#27ae60;font-size:18px}.payment-info h3{color:#2c3e50;font-size:16px;margin:0 0 10px}.info-text{color:#555;font-size:14px;line-height:1.6;margin:0}.btn-proceed{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;box-shadow:0 4px 15px #27ae6066;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.btn-proceed:before{content:"✓";font-size:20px;margin-right:8px}.btn-proceed:hover:not(:disabled){background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 6px 20px #27ae6099;transform:translateY(-2px)}.btn-proceed:active:not(:disabled){box-shadow:0 2px 10px #27ae6066;transform:translateY(0)}.btn-proceed:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.checkout-discount-row{color:#28a745;font-weight:600}.checkout-discount-value{color:#28a745;font-weight:700}.checkout-coupon-badge{background:#d4edda;border-radius:4px;color:#155724;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px}@media (max-width:768px){.checkout-content{grid-template-columns:1fr}.checkout-item{flex-direction:column}.checkout-item-thumbnail{height:200px;width:100%}.checkout-item-price{margin-top:10px}}.how-to-use-container{margin:0 auto;max-width:1200px;padding:20px}.how-to-use-header{margin-bottom:40px;text-align:center}.how-to-use-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.how-to-use-header p{color:#7f8c8d;font-size:1.1rem}.error-message,.loading-spinner,.no-videos{padding:60px 20px;text-align:center}.videos-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.video-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-5px)}.video-thumbnail{background-color:#ecf0f1;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background:#0009;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.video-card:hover .play-overlay{background:#3498dbe6;transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:20px}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:15px;overflow:hidden}.video-meta{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;justify-content:space-between}.video-date,.video-views{align-items:center;display:flex;gap:6px}.video-date svg,.video-views svg{opacity:.7}@media (max-width:768px){.how-to-use-container{padding:15px}.how-to-use-header h1{font-size:2rem}.videos-grid{gap:20px;grid-template-columns:1fr}.play-overlay{height:60px;width:60px}.play-overlay svg{height:32px;width:32px}}.notifications-container{margin:0 auto;max-width:900px;padding:20px}.notifications-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.notifications-header h1{color:#2c3e50;font-size:2rem;margin:0}.mark-all-read-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.mark-all-read-btn:hover{background-color:#2980b9}.notifications-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-btn{background-color:#ecf0f1;border:2px solid #0000;border-radius:5px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background-color:#d5dbdb}.filter-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:20px;position:relative;transition:all .3s ease}.notification-item.unread{background-color:#f8f9fa;border-left:4px solid #3498db}.notification-item:hover{box-shadow:0 2px 8px #0000001a}.notification-content{flex:1 1}.notification-title{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 10px}.notification-description{color:#34495e;font-size:1rem;line-height:1.6;margin:0 0 12px}.notification-meta{align-items:center;color:#7f8c8d;display:flex;font-size:.85rem;gap:15px}.notification-type{background-color:#ecf0f1;border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 10px}.mark-read-btn{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.mark-read-btn:hover{background-color:#229954}.read-indicator{color:#27ae60;font-size:20px;font-weight:700;padding:5px}.error-message,.loading-spinner,.no-notifications{padding:60px 20px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;margin:0 auto 20px}.error-message button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.error-message button:hover{background-color:#2980b9}.no-notifications p{color:#7f8c8d;font-size:1.1rem}@media (max-width:768px){.notifications-container{padding:15px}.notifications-header h1{font-size:1.5rem}.notification-item{flex-direction:column;padding:15px}.mark-read-btn{margin-top:10px;width:100%}.notifications-filters{gap:8px}.filter-btn{font-size:13px;padding:6px 12px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:30px;width:100%}.admin-login-card h2{color:#2c3e50;font-size:24px;margin-bottom:10px;text-align:center}.admin-login-subtitle{color:#7f8c8d;text-align:center}.admin-login-subtitle,.error-message{font-size:14px;margin-bottom:20px}.admin-login-form{gap:15px}.admin-login-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:16px;padding:10px;transition:border-color .3s ease}.form-group input:focus{border-color:#3498db;outline:none}.admin-login-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease}.admin-login-button:hover:not(:disabled){background-color:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.admin-login-button:disabled{cursor:not-allowed;opacity:.6}.admin-content-wrapper{min-height:calc(100vh - 80px)}.admin-content-wrapper,.admin-page{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:8px}.admin-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.admin-header-section h1{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.admin-empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.admin-empty-state p{font-size:16px;margin:0}.admin-loading{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}.admin-table-container{margin-top:20px;overflow-x:auto}.form-grid3{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.wide-modal{max-width:800px!important}@media (max-width:600px){.form-grid3{grid-template-columns:1fr}}.admin-pending-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:25px}.admin-pending-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.admin-pending-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.admin-pending-badge{background:#ebf8ff;border-radius:20px;color:#2b6cb0;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.admin-pending-word{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.admin-pending-image{align-items:center;aspect-ratio:4/3;background:#f7fafc;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.admin-pending-image img{height:100%;object-fit:contain;padding:10px;width:100%}.no-image-placeholder{color:#a0aec0;font-size:14px}.admin-pending-meta{color:#4a5568;font-size:13px;margin-bottom:20px}.admin-pending-meta strong{color:#718096;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.admin-pending-meta p{color:#2d3748;font-weight:600;margin:0}.admin-pending-meta small{color:#a0aec0}.admin-pending-actions{display:flex;gap:12px;margin-top:auto}.btn-approve-full,.btn-reject-full{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.btn-approve-full{background:#27ae60;color:#fff}.btn-approve-full:hover{background:#219150;transform:translateY(-1px)}.btn-reject-full{background:#f8fafc;border:1px solid #edf2f7;color:#e53e3e}.btn-reject-full:hover{background:#f1f5f9;color:#c53030}.admin-page h1{color:#2c3e50;font-size:16px;margin:0 0 10px}.table-container{overflow-x:auto}.admin-table td,.admin-table th{padding:6px 8px}.admin-table th.sortable{background-color:#2c3e50;transition:background-color .2s}.admin-table th.sortable:hover{background-color:#1a252f}.th-content{gap:5px}.sort-icon{font-size:14px!important;opacity:.5}.th-content:hover .sort-icon{opacity:1}.sort-active{color:#3498db;opacity:1}.admin-list-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;max-width:350px;padding:0 12px;transition:all .2s ease;width:100%}.search-box:focus-within{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-box span{color:#64748b;font-size:20px!important}.search-box input{background:#0000!important;border:none!important;flex:1 1;font-size:14px!important;outline:none!important;padding:10px 8px!important}.entries-control{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.entries-control select{border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px}.admin-table input[type=email],.admin-table input[type=number],.admin-table input[type=text],.admin-table select,.admin-table textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.btn-block,.btn-cancel,.btn-create,.btn-delete,.btn-edit,.btn-save,.btn-unblock,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px;transition:all .2s ease}.material-symbols-outlined{font-size:18px!important}.btn-edit{background-color:#3498db;color:#fff}.btn-edit:hover{background-color:#2980b9}.btn-delete:hover{background-color:#c0392b}.btn-create{background-color:#27ae60;color:#fff;gap:6px;height:auto;margin-bottom:20px;min-width:auto;padding:6px 12px}.btn-create:hover{background-color:#229954}.loading{color:#7f8c8d;font-size:18px}.form-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.form-group{margin-bottom:10px}.form-group label{font-size:13px;margin-bottom:3px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.modal-header{border-bottom:1px solid #edf2f7;margin-bottom:20px;padding-bottom:10px}.modal-header h2{color:#1a202c;font-size:18px;font-weight:600}.modal-close{color:#a0aec0;font-size:24px}.modal-close:hover{color:#718096}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.action-buttons{align-items:center}.action-buttons.icon-only button{height:28px;min-width:28px;padding:4px;width:28px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;gap:4px}.status-active{background:#e6fffa;color:#047481}.status-pending{background:#fffbef;color:#975a16}.badge-info{background:#ebf8ff;border-radius:4px;color:#2b6cb0;font-size:11px;font-weight:600;padding:2px 10px}.action-buttons{gap:8px}.btn-view{background-color:#3498db;color:#fff}.btn-view:hover{background-color:#2980b9}.btn-block{background-color:#e74c3c;color:#fff}.btn-block:hover{background-color:#c0392b}.btn-unblock{background-color:#27ae60;color:#fff}.btn-unblock:hover{background-color:#229954}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover:not(:disabled){background-color:#c0392b}.btn-delete:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.modal-header h2{color:#2c3e50;margin:0}.modal-close{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.modal-close:hover{color:#2c3e50}.modal-body{padding:15px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px}.profile-details{display:flex;flex-direction:column;gap:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.detail-label{color:#2c3e50;font-weight:600;min-width:180px}.detail-value{color:#34495e;flex:1 1}.detail-value.blocked{color:#e74c3c;font-weight:600}.detail-value.active{color:#27ae60;font-weight:600}.form-group{margin-bottom:15px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input[type=checkbox]{margin-right:8px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.warning-text{color:#e74c3c;font-weight:500;margin-top:10px}.btn-cancel,.btn-close,.btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;padding:6px 12px;transition:all .23s ease}.btn-close{background-color:#95a5a6;color:#fff}.btn-close:hover{background-color:#7f8c8d}.btn-save{background-color:#27ae60;color:#fff}.btn-save:hover{background-color:#229954}.btn-cancel{background-color:#95a5a6;color:#fff}.btn-cancel:hover{background-color:#7f8c8d}.error-message{background-color:#fee;color:#c33}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:10px}.success-message{background-color:#efe;border:1px solid #cfc;color:#3c3}.detail-section-divider{background-color:#e0e0e0;height:1px;margin:20px 0}.detail-section-title{color:#2c3e50;font-size:16px;font-weight:600;margin:15px 0 10px}.subscriptions-list{display:flex;flex-direction:column;gap:15px;margin-top:10px}.subscription-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:10px}.subscription-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.subscription-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.subscription-type.type-english{background-color:#3498db;color:#fff}.subscription-type.type-hindi{background-color:#e74c3c;color:#fff}.subscription-type.type-volume{background-color:#9b59b6;color:#fff}.subscription-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.subscription-detail-row{display:flex;flex-direction:column;gap:3px}.subscription-label{color:#7f8c8d;font-size:12px;font-weight:500}.subscription-detail-row span:not(.subscription-label){color:#2c3e50;font-size:14px}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.status-badge.status-active{background-color:#d4edda;color:#155724}.status-badge.status-inactive{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.detail-row{flex-direction:column}.detail-label{margin-bottom:5px;min-width:auto}.subscription-details{grid-template-columns:1fr}.subscription-header{align-items:flex-start;flex-direction:column;gap:8px}}.admin-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-small{width:400px}.admin-modal-medium{width:600px}.admin-modal-large{width:800px}.admin-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px}.admin-modal-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.admin-modal-header.admin-modal-info{background-color:#e3f2fd;border-bottom-color:#2196f3}.admin-modal-header.admin-modal-success{background-color:#e8f5e9;border-bottom-color:#4caf50}.admin-modal-header.admin-modal-warning{background-color:#fff3e0;border-bottom-color:#ff9800}.admin-modal-header.admin-modal-danger{background-color:#ffebee;border-bottom-color:#f44336}.admin-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.admin-modal-close:hover{background-color:#e74c3c;color:#fff}.admin-modal-body{flex:1 1;overflow-y:auto;padding:20px}.admin-modal-body p{color:#34495e;line-height:1.6;margin:0 0 20px}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-modal-actions .btn-danger{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.admin-modal-actions .btn-danger:hover{background-color:#c0392b}@media (max-width:768px){.admin-modal-large,.admin-modal-medium,.admin-modal-small{max-width:95%;width:95%}.admin-modal-body,.admin-modal-header{padding:15px}}.admin-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;min-width:100%;width:100%}.admin-table thead{background-color:#34495e;color:#fff}.admin-table th{font-weight:600;padding:10px;position:relative;text-align:left;white-space:nowrap}.admin-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{background-color:#2c3e50}.th-content{align-items:center;display:flex;gap:8px}.sort-icon{color:#fff9;font-size:12px;transition:color .2s ease}.admin-table th.sortable:hover .sort-icon{color:#ffffffe6}.sort-icon.sort-asc,.sort-icon.sort-desc{color:#3498db}.admin-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;padding:8px 10px}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background-color:#f8f9fa}.admin-table tbody tr:last-child td{border-bottom:none}.empty-state{color:#7f8c8d;font-style:italic;padding:40px!important}@media (max-width:768px){.admin-table-wrapper{border-radius:4px}.admin-table td,.admin-table th{font-size:13px;padding:10px 8px}.th-content{gap:5px}}.admin-pagination{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-top:12px;padding:10px 0}.pagination-info{color:#7f8c8d;font-size:13px}.pagination-controls{align-items:center;display:flex;gap:5px}.pagination-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;min-width:30px;padding:0 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#3498db;border-color:#3498db;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background-color:#3498db;border-color:#3498db;color:#fff;font-weight:600}.pagination-ellipsis{color:#7f8c8d;font-size:14px;padding:0 8px}@media (max-width:768px){.admin-pagination{align-items:stretch;flex-direction:column;gap:15px}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}.admin-orders-page{background:#fdfdfd;border-radius:12px;min-height:80vh;padding:12px}.admin-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-orders-header h2{color:#333;font-size:20px;margin:0}.btn-refresh{align-items:center;background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-width:32px;padding:6px;transition:all .2s}.btn-refresh:hover{background:#357abd}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;margin-bottom:16px;padding:12px}.admin-orders-table-container{background:#fff;box-shadow:0 4px 12px #0000000d;overflow-x:auto}.admin-orders-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.admin-orders-table th{background:#f8f9fa;border-bottom:2px solid #eee;color:#666;font-weight:600;padding:10px 12px}.admin-orders-table td{border-bottom:1px solid #eee;color:#444;padding:10px 12px}.admin-orders-table tr:hover{background:#fafafa}.txn-id{background:#f1f3f5;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.user-info{display:flex;flex-direction:column}.user-info strong{color:#2b2d42}.user-info span{color:#8d99ae;font-size:11px}.price-info{display:flex;flex-direction:column}.discount{color:#ef233c;font-size:11px}.status-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.badge-success{background:#d1f2d1;color:#155724}.badge-pending{background:#fff3cd;color:#856404}.badge-failure{background:#f8d7da;color:#721c24}.badge-default{background:#e9ecef;color:#495057}.date-info{line-height:1.2}.date-info small{color:#8d99ae}.coupon-tag{background:#eef2ff;border-radius:4px;color:#4338ca;font-size:11px;font-weight:600;padding:2px 8px}.no-coupon,.no-data{color:#adb5bd;font-style:italic;text-align:center}.loading{color:#666;padding:40px;text-align:center}.admin-breadcrumb{margin-bottom:12px}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;display:flex;font-size:13px}.breadcrumb-link{color:#3498db;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#2980b9;text-decoration:underline}.breadcrumb-separator{color:#95a5a6;margin:0 6px}.breadcrumb-current{color:#2c3e50;font-weight:500}.admin-panel{background-color:#f5f5f5;display:flex;min-height:100vh}.admin-sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:200px;z-index:1000}.admin-header{border-bottom:1px solid #34495e;padding:10px}.admin-header h2{font-size:16px;margin:0 0 10px}.admin-user-info{display:flex;flex-direction:column;gap:10px}.admin-user-info span{color:#ecf0f1;font-size:14px}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c0392b}.admin-nav{display:flex;flex-direction:column;padding:10px 0}.nav-item{background:none;border:none;border-left:3px solid #0000;color:#ecf0f1;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;transition:all .3s ease}.nav-item.active,.nav-item:hover{background-color:#34495e;border-left-color:#3498db}.nav-item.active{color:#3498db;font-weight:600}.admin-content{background-color:#f5f5f5;flex:1 1;margin-left:200px;min-height:100vh;padding:15px;position:relative;width:calc(100% - 200px)}@media (max-width:768px){.admin-sidebar{width:200px}.admin-content{margin-left:200px;padding:20px;width:calc(100% - 200px)}}@media (max-width:480px){.admin-sidebar{width:180px}.admin-content{margin-left:180px;padding:15px;width:calc(100% - 180px)}.admin-header h2{font-size:20px}.nav-item{font-size:14px;padding:12px 15px}}:root{--ex-indigo:#081e48;--ex-teal:#064d59;--ex-bg:#f8fafc;--ex-surface:#fff;--ex-border:#c5c6d026;--ex-shadow:0 20px 40px #081e480d;--ex-gradient:linear-gradient(135deg,#064d59,#081e48)}.ex-page-wrapper{background:#f8fafc;background:var(--ex-bg);font-family:Manrope,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 30px 100px}.ex-header{margin-bottom:60px;text-align:center}.ex-header h1{color:#081e48;color:var(--ex-indigo);font-size:3.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.5rem}.ex-header p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.ex-filter-bar{background:#fff;background:var(--ex-surface);border:1px solid #c5c6d026;border:1px solid var(--ex-border);border-radius:100px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--ex-shadow);display:inline-flex;gap:10px;left:50%;margin-bottom:40px;padding:8px;position:relative;transform:translateX(-50%)}.ex-filter-btn{background:#0000;border:none;border-radius:100px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 35px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ex-filter-btn.active{background:#081e48;background:var(--ex-indigo);box-shadow:0 10px 20px #081e4826;color:#fff}.ex-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px}.ex-card{background:#fff;background:var(--ex-surface);border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 6px -1px #00000008;display:flex;flex-direction:column;padding:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ex-card:hover{border-color:#081e481a;box-shadow:0 20px 40px #081e4814;transform:translateY(-8px)}.ex-card-top{border-bottom:1px dashed #c5c6d026;border-bottom:1px dashed var(--ex-border);margin-bottom:15px;padding:20px;position:relative}.ex-label{color:#064d59;color:var(--ex-teal);display:block;font-size:.65rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.ex-title{color:#081e48;color:var(--ex-indigo);font-size:1.25rem;font-weight:800;line-height:1.3;margin:0}.ex-card-content{background:#f8fafc;border:1px solid #00000005;border-radius:12px;flex:1 1;justify-content:space-between;padding:20px}.ex-card-content,.ex-details{display:flex;flex-direction:column}.ex-details{gap:12px;margin-bottom:24px}.ex-row{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between}.ex-dot{color:#94a3b8;font-weight:400}.ex-val{color:#081e48;color:var(--ex-indigo);font-weight:800}.ex-actions{display:flex;flex-direction:column;gap:8px}.ex-btn-main{align-items:center;background:linear-gradient(135deg,#064d59,#081e48);background:var(--ex-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;gap:8px;justify-content:center;padding:12px;transition:all .3s;width:100%}.ex-btn-main:hover{box-shadow:0 10px 20px #081e4826;transform:scale(1.02)}.ex-btn-sub{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:700;padding:10px;transition:all .2s;width:100%}.ex-btn-sub:hover{background:#f8fafc;border-color:#cbd5e1;color:#081e48;color:var(--ex-indigo)}@media (max-width:1200px){.ex-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.ex-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ex-page-wrapper{padding:40px 15px}.ex-header h1{font-size:2.2rem}.ex-grid{grid-template-columns:1fr}}.ex-tag-completed{background:#dcfce7;border-radius:99px;color:#15803d;font-size:.7rem;font-weight:800;padding:4px 10px;position:absolute;right:15px;text-transform:uppercase;top:15px}.typing-tests-page{background:#f8f9fa;background:var(--bg-canvas);color:#191c1d;color:var(--text-dark);font-family:Manrope,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 30px 80px}.typing-header{margin-bottom:60px;text-align:center}.typing-header h1{color:#081e48;color:var(--primary-indigo);font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:.5rem}.typing-header p{color:#44464f;color:var(--text-muted);font-size:1.15rem;font-weight:500;line-height:1.8;margin:0 auto 40px;max-width:650px}.category-selector{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:100px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:inline-flex;gap:10px;left:50%;margin-bottom:40px;padding:8px;position:relative;transform:translateX(-50%)}.category-btn{background:#0000;border:none;border-radius:100px;color:#44464f;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:800;padding:12px 35px;transition:all .3s}.category-btn.active{background:#081e48;background:var(--primary-indigo);box-shadow:0 10px 20px #081e4826;color:#fff}.tests-grid{grid-gap:15px;display:grid!important;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:16px}.test-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px rgba(0,0,0,.025);display:flex;flex-direction:column;overflow:hidden;padding:12px;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.test-card:hover{box-shadow:0 12px 24px -8px #0000001a,0 4px 10px -4px #0000000d;transform:translateY(-4px)}.test-card-header{border-bottom:1px dashed #cbd5e1;margin-bottom:15px;padding:15px}.test-label{color:#64748b;display:block;font-size:.65rem;font-weight:800;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.test-name{color:#081e48;color:var(--primary-indigo);font-size:1.2rem;font-weight:800;line-height:1.3}.test-card-body{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex:1 1;justify-content:space-between;padding:15px}.test-card-body,.test-meta{display:flex;flex-direction:column}.test-meta{gap:8px;margin-bottom:20px}.meta-item{align-items:center;border-bottom:1px dashed #0000000d;color:#475569;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding-bottom:8px}.meta-item:last-child{border-bottom:none}.start-test-btn{align-items:center;background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;border-radius:8px;box-shadow:0 10px 20px #081e481a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;gap:10px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.start-test-btn:hover{box-shadow:0 15px 30px #081e4833;transform:translateY(-2px)}.test-card.hindi{border-top:4px solid #10b981}.test-card.english{border-top:4px solid #3b82f6}.no-results{background:#fff;background:var(--bg-surface);border:2px dashed #c5c6d026;border:2px dashed var(--border-ghost);border-radius:32px;color:#44464f;color:var(--text-muted);font-weight:700;padding:80px 20px;text-align:center}.loading-container{align-items:center;color:#081e48;color:var(--primary-indigo);display:flex;flex-direction:column;font-weight:800;height:60vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f4f5;border-top-color:#064d59;border:5px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--primary-teal);height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.tests-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:992px){.tests-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.typing-header h1{font-size:2.5rem}.tests-grid{grid-template-columns:1fr!important}.typing-tests-page{padding:40px 20px}}@font-face{font-family:Kruti Dev\ 010;src:url(/static/media/KrutiDev.43ac419a0f7f6d8c7a67.ttf) format("truetype")}@font-face{font-family:Dev Lays\ 010;src:url(/static/media/DevLys.55a76d1e943eaddca7ac.ttf) format("truetype")}:root{--ti-indigo:#081e48;--ti-teal:#064d59;--ti-bg:#f8f9fa;--ti-surface:#fff;--ti-border:#c5c6d033;--ti-shadow:0 20px 40px #081e4814}.ti-full-page-wrapper{font-family:Manrope,-apple-system,sans-serif;height:calc(100vh - 64px);overflow:hidden}.ti-full-page-wrapper,.ti-primary-content{background:#f8f9fa;background:var(--ti-bg);display:flex}.ti-primary-content{flex:1 1;flex-direction:column;gap:20px;max-width:calc(100% - 320px);padding:25px}.ti-glass-header{align-items:center;background:#fff;background:var(--ti-surface);border:1px solid #c5c6d033;border:1px solid var(--ti-border);border-radius:20px;box-shadow:0 20px 40px #081e4814;box-shadow:var(--ti-shadow);display:flex;gap:20px;justify-content:space-between;padding:12px 24px}.ti-title-box{flex:1 1;min-width:0}.ti-test-name{color:#081e48;color:var(--ti-indigo);font-size:1.3rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ti-timer-display{display:flex;flex:1 1;justify-content:center}.ti-timer-pill{align-items:center;background:#081e48;background:var(--ti-indigo);border-radius:100px;box-shadow:0 10px 20px #081e4833;color:#fff;display:flex;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;gap:10px;padding:10px 24px}.ti-control-actions{display:flex;flex:1 1;gap:12px;justify-content:flex-end}.ti-btn-primary,.ti-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.ti-btn-primary{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--ti-teal),var(--ti-indigo));color:#fff}.ti-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.ti-btn-resume{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.ti-btn-primary:hover,.ti-btn-secondary:hover{filter:brightness(1.1);transform:translateY(-3px)}.ti-matter-display{background:#fff;border:1px solid #c5c6d033;border:1px solid var(--ti-border);border-radius:24px;box-shadow:0 20px 40px #081e4814;box-shadow:var(--ti-shadow);color:#191c1d;height:48%;line-height:1.8;overflow-y:auto;padding:30px}.ti-matter-display span{font-family:inherit!important}.ti-typing-textarea{background:#fff;border:2px solid #f1f5f9;border-radius:24px;box-shadow:0 20px 40px #081e4814;box-shadow:var(--ti-shadow);color:#081e48;color:var(--ti-indigo);flex:1 1;line-height:1.8;outline:none;padding:30px;resize:none;transition:all .3s}.ti-typing-textarea:focus{background:#fff;border-color:#064d59;border-color:var(--ti-teal)}.word{display:inline-block;padding:0 2px;white-space:pre-wrap}.word.active{background:#e0f2fe;border-radius:6px;color:#0369a1;font-weight:700}.char-active{background:#064d59;background:var(--ti-teal);border-radius:4px;color:#fff}.ti-settings-sidebar{background:#fff;background:var(--ti-surface);border-left:1px solid #c5c6d033;border-left:1px solid var(--ti-border);box-shadow:-15px 0 45px #081e480a;display:flex;flex-direction:column;width:320px}.ti-settings-title{align-items:center;background:#fff;border-bottom:2px solid #f1f5f9;color:#081e48;color:var(--ti-indigo);display:flex;font-size:1.25rem;font-weight:900;gap:12px;padding:24px}.ti-settings-scroller{display:flex;flex-direction:column;gap:36px;overflow-y:auto;padding:30px 24px}.ti-option-group{display:flex;flex-direction:column;gap:15px}.ti-group-label{color:#64748b;font-size:.75rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.ti-toggle-card{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:14px;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:14px 18px;transition:.2s}.ti-toggle-card:hover{background:#fff;border-color:#064d59;border-color:var(--ti-teal)}.ti-switch{background:#e2e8f0;border-radius:100px;height:22px;position:relative;transition:.3s;width:44px}.ti-switch:after{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:.3s;width:16px}.ti-switch.active{background:#064d59;background:var(--ti-teal)}.ti-switch.active:after{left:25px}.ti-stack-options{display:flex;flex-direction:column;gap:10px}.ti-stack-options button{background:#f1f5f9;border:1.5px solid #0000;border-radius:14px;color:#475569;cursor:pointer;font-weight:700;padding:15px 20px;text-align:left;transition:.3s}.ti-stack-options button.active{background:#fff;border-color:#064d59;border-color:var(--ti-teal);box-shadow:0 10px 20px #0000000d;color:#081e48;color:var(--ti-indigo)}.ti-segmented-control{background:#f1f5f9;border-radius:14px;display:flex;gap:4px;padding:6px}.ti-segmented-control button{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:800;padding:10px;transition:.3s}.ti-segmented-control button.active{background:#fff;box-shadow:0 4px 10px #00000014;color:#081e48;color:var(--ti-indigo)}.ti-stepper{align-items:center;display:flex;gap:15px}.ti-stepper button{background:#f1f5f9;border:none;border-radius:10px;color:#081e48;color:var(--ti-indigo);cursor:pointer;font-weight:800;padding:10px 20px;transition:.2s}.ti-stepper button:hover{background:#e2e8f0}.ti-stepper-val{flex:1 1;font-size:1.25rem;font-weight:900;text-align:center}.ti-modern-select,.ti-stepper-val{color:#081e48;color:var(--ti-indigo)}.ti-modern-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;font-weight:700;outline:none;padding:14px}.ti-input-wrapper{align-items:center;display:flex;position:relative}.ti-number-field{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;font-weight:800;outline:none;padding:14px;width:100%}.ti-field-unit{color:#94a3b8;font-size:.85rem;font-weight:800;position:absolute;right:20px}.is-locked{opacity:.6;pointer-events:none}.ti-lock-warning{background:#fff1f1;border:1px solid #fee2e2;border-radius:12px;color:#ef4444;font-size:.85rem;font-weight:900;margin-bottom:20px;padding:12px 18px}.ti-kruti-font{font-family:Kruti Dev\ 010,KrutiDev,sans-serif!important}.ti-devlys-font{font-family:Dev Lays\ 010,DevLys\ 010,sans-serif!important}.ti-mangal-font{font-family:Mangal,sans-serif!important}@media (max-width:992px){.ti-full-page-wrapper{flex-direction:column;height:auto}.ti-primary-content{max-width:100%;padding:15px}.ti-settings-sidebar{border-left:none;border-top:2px solid #f1f5f9;width:100%}}:root{--tr-indigo:#081e48;--tr-teal:#0d9488;--tr-rose:#e11d48;--tr-amber:#d97706;--tr-bg:#f8fafc;--tr-card:#fffffff2;--tr-border:#e2e8f0cc;--tr-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--tr-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tr-full-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#081e48;color:var(--tr-indigo);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:40px 20px}.tr-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--tr-card);border:1px solid #fff;border-radius:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--tr-shadow-lg);margin:0 auto;max-width:1100px;overflow:hidden}.tr-header{align-items:center;background:linear-gradient(90deg,#081e48,#1e3a8a);background:linear-gradient(to right,var(--tr-indigo),#1e3a8a);color:#fff;display:flex;justify-content:space-between;padding:40px}.tr-header-left h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.tr-header-left p{font-size:1.1rem;margin:8px 0 0;opacity:.8}.tr-header-actions{display:flex;gap:12px}.tr-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tr-btn-primary{background:#0d9488;background:var(--tr-teal);color:#fff}.tr-btn-primary:hover{background:#0f766e;box-shadow:0 4px 12px #0d94884d;transform:translateY(-2px)}.tr-btn-ghost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;color:#fff}.tr-btn-ghost:hover{background:#fff3}.tr-dashboard{grid-gap:24px;background:#fff;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);padding:40px}.tr-stat-card{background:#f8fafc;background:var(--tr-bg);border:1px solid #e2e8f0cc;border:1px solid var(--tr-border);border-radius:20px;padding:24px;text-align:center;transition:all .3s}.tr-stat-card:hover{background:#fff;border-color:#0d9488;border-color:var(--tr-teal);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--tr-shadow-lg);transform:translateY(-5px)}.tr-stat-label{color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.tr-stat-value{color:#081e48;color:var(--tr-indigo);font-size:2.2rem;font-weight:800;line-height:1}.tr-stat-value.teal{color:#0d9488;color:var(--tr-teal)}.tr-stat-value.rose{color:#e11d48;color:var(--tr-rose)}.tr-stat-value.amber{color:#d97706;color:var(--tr-amber)}.tr-stat-sub{color:#94a3b8;font-size:.9rem;margin-top:4px}.tr-section{padding:0 40px 40px}.tr-section-title{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tr-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.tr-section-title h2{font-size:1.5rem;font-weight:700;margin:0}.tr-stats-bar{display:flex;flex-wrap:wrap;gap:16px}.tr-badge-legend{align-items:center;background:#f1f5f9;border-radius:99px;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.tr-dot{border-radius:50%;height:8px;width:8px}.tr-word-flow{background:#f8fafc;border:1px solid #e2e8f0cc;border:1px solid var(--tr-border);border-radius:20px;display:flex;flex-wrap:wrap;gap:8px;line-height:2;padding:24px}.tr-word{border:1px solid #0000;border-radius:6px;cursor:default;font-size:1.1rem;font-weight:500;padding:2px 8px;transition:all .2s}.tr-word:hover{background:#fff;transform:scale(1.05);white-space:nowrap}.tr-c{color:#334155}.tr-s{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.tr-k{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.tr-p{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.tr-m{background:#f1f5f9;border-style:dashed;color:#94a3b8;text-decoration:line-through}.tr-x{background:#fef3c7;border-color:#fde68a;color:#b45309}.tr-b{background:#fee2e2;color:#b91c1c;font-weight:700}.tr-comparison-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.tr-pane{background:#fff;border:1px solid #e2e8f0cc;border:1px solid var(--tr-border);border-radius:20px;padding:24px}.tr-pane h4{color:#64748b;font-size:.9rem;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.tr-text-box{color:#475569;font-size:1rem;height:300px;line-height:1.6;overflow-y:auto;padding-right:12px}.tr-text-box::-webkit-scrollbar{width:6px}.tr-text-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}@media (max-width:1024px){.tr-dashboard{grid-template-columns:repeat(2,1fr)}.tr-comparison-grid{grid-template-columns:1fr}}@media (max-width:640px){.tr-header{flex-direction:column;gap:24px;padding:30px;text-align:center}.tr-dashboard{grid-template-columns:1fr;padding:20px}.tr-header-left h1{font-size:1.8rem}.tr-section{padding:0 20px 20px}}@media print{.tr-full-page{background:none;padding:0}.tr-container{border:none;border-radius:0;box-shadow:none;max-width:100%}.tr-header-actions{display:none}.tr-stat-card:hover{transform:none}}:root{--lb-indigo:#081e48;--lb-teal:#0d9488;--lb-bg:#f8fafc;--lb-card:#fff;--lb-border:#c5c6d026;--lb-shadow:0 20px 40px #081e480d}.lb-page{background:#f8fafc;background:var(--lb-bg);font-family:Inter,system-ui,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 30px}.lb-header{background:linear-gradient(135deg,#081e48,#1e3a8a);background:linear-gradient(135deg,var(--lb-indigo) 0,#1e3a8a 100%);border-radius:32px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--lb-shadow);color:#fff;margin-bottom:40px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.lb-header h1{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;margin:0}.lb-header p{font-size:1.1rem;margin:10px auto 0;max-width:600px;opacity:.8}.lb-back-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:99px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;left:30px;padding:10px 20px;position:absolute;top:30px;transition:all .2s}.lb-back-btn:hover{background:#fff3;transform:translateX(-4px)}.lb-winners{align-items:flex-end;display:flex;gap:20px;justify-content:center;margin-bottom:50px;padding:0 20px}.lb-winner-card{background:#fff;border:1px solid #c5c6d026;border:1px solid var(--lb-border);border-radius:24px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--lb-shadow);padding:24px;position:relative;text-align:center;transition:all .3s;width:250px}.lb-winner-card.rank-1{border-color:#fde68a;height:320px;z-index:2}.lb-winner-card.rank-2{height:280px}.lb-winner-card.rank-3{height:260px}.lb-winner-card:hover{transform:translateY(-10px)}.lb-avatar{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.rank-1 .lb-avatar{background:#fef3c7;box-shadow:0 0 20px #fbbf2433;color:#92400e}.rank-2 .lb-avatar{background:#f1f5f9;color:#475569}.rank-3 .lb-avatar{background:#ffedd5;color:#9a3412}.lb-winner-name{color:#081e48;color:var(--lb-indigo);font-size:1.1rem;font-weight:800;margin-bottom:4px}.lb-winner-score{color:#0d9488;color:var(--lb-teal);font-size:1.5rem;font-weight:700}.lb-winner-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lb-crown{font-size:2rem;left:50%;position:absolute;top:-15px;transform:translateX(-50%)}.lb-container{background:#fff;border:1px solid #c5c6d026;border:1px solid var(--lb-border);border-radius:32px;box-shadow:0 20px 40px #081e480d;box-shadow:var(--lb-shadow);padding:30px}.lb-table{border-collapse:collapse;width:100%}.lb-table th{border-bottom:2px solid #f1f5f9;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.lb-table td{border-bottom:1px solid #f8f9fa;font-size:.95rem;padding:16px;vertical-align:middle}.lb-tr{transition:background .2s}.lb-tr:hover{background:#f8fafc}.lb-rank-badge{border-radius:99px;font-size:.85rem;font-weight:800;padding:6px 14px}.lb-rank-1{background:#fef3c7;color:#92400e}.lb-rank-2{background:#f1f5f9;color:#475569}.lb-rank-3{background:#ffedd5;color:#9a3412}.lb-rank-default{background:#f8fafc;color:#64748b}.lb-student{color:#081e48;color:var(--lb-indigo);font-weight:700;gap:12px}.lb-student,.lb-student-avatar{align-items:center;display:flex}.lb-student-avatar{background:#f1f5f9;border-radius:80%;font-size:.8rem;height:32px;justify-content:center;width:32px}.lb-perc{color:#0d9488;color:var(--lb-teal);font-weight:800}.lb-time{color:#64748b;font-size:.85rem}@media (max-width:992px){.lb-winners{align-items:center;flex-direction:column;gap:30px}.lb-winner-card{height:auto!important;width:100%}}@media (max-width:640px){.lb-page{padding:20px 15px}.lb-header h1{font-size:2rem}.lb-table td:nth-child(n+4),.lb-table th:nth-child(n+4){display:none}}:root{--bg-canvas:#f8f9fa;--bg-surface:#fff;--bg-secondary:#f3f4f5;--accent-soft:#b2ecfa;--text-dark:#191c1d;--text-muted:#44464f;--border-ghost:#c5c6d026;--shadow-ambient:0 20px 40px #081e480f}.packages-container{background:#f8f9fa;background:var(--bg-canvas);color:#191c1d;color:var(--text-dark);font-family:Manrope,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 30px}.packages-header{margin-bottom:80px;text-align:center}.packages-header h1{color:#081e48;color:var(--primary-indigo);font-size:4.5rem;font-weight:800;letter-spacing:-3px;margin-bottom:20px}.packages-header p{color:#44464f;color:var(--text-muted);font-size:1.3rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:750px}.subscription-card-wrapper{margin-bottom:120px}.language-selector{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:100px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);display:inline-flex;gap:15px;left:50%;margin-bottom:60px;padding:10px;position:relative;transform:translateX(-50%)}.lang-btn{background:#0000;border:none;border-radius:100px;color:#44464f;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:800;padding:14px 45px;transition:all .3s ease}.lang-btn.active{background:#081e48;background:var(--primary-indigo);box-shadow:0 10px 20px #081e4826;color:#fff}.main-subscription-card{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:48px;box-shadow:0 40px 80px #081e481a;display:flex;min-height:600px;overflow:hidden}.card-left{background:#fff;display:flex;flex:1.3 1;flex-direction:column;padding:80px}.plan-badge{align-items:center;background:#b2ecfa;background:var(--accent-soft);border-radius:100px;color:#064d59;color:var(--primary-teal);display:inline-flex;font-size:.85rem;font-weight:800;letter-spacing:2px;margin-bottom:30px;padding:10px 24px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.card-left h2{color:#081e48;color:var(--primary-indigo);font-size:3.2rem;font-weight:800;letter-spacing:-2px;margin-bottom:25px}.plan-desc{color:#44464f;color:var(--text-muted);font-size:1.2rem;font-weight:500;line-height:1.7;margin-bottom:50px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:auto}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:#191c1d;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:600;gap:15px;margin-bottom:20px}.plan-features li span{color:#10b981;font-size:1.3rem;font-weight:900}.current-status{align-items:center;background:#f0fdf4;border:1.5px solid #10b98133;border-radius:24px;display:flex;justify-content:space-between;margin-top:50px;padding:30px}.status-info{display:flex;flex-direction:column;gap:6px}.status-label{color:#10b981;font-size:.8rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.expiry-info{color:#166534;font-size:1.15rem;font-weight:700}.status-icon{background:#10b981;color:#fff;font-weight:900;height:40px;width:40px}.card-right{background:#f3f4f5;background:var(--bg-secondary);border-left:1px solid #c5c6d026;border-left:1px solid var(--border-ghost);flex:0.8 1;padding:80px}.card-right,.price-section{display:flex;flex-direction:column}.price-section{gap:40px;margin-bottom:60px}.price-section label{color:#44464f;color:var(--text-muted);display:block;font-size:.85rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.tenure-options{display:flex;flex-wrap:wrap;gap:15px}.tenure-btn{background:#fff;border:1.5px solid #c5c6d026;border:1.5px solid var(--border-ghost);border-radius:16px;color:#081e48;color:var(--primary-indigo);cursor:pointer;font-size:1rem;font-weight:800;padding:14px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tenure-btn:hover{border-color:#064d59;border-color:var(--primary-teal);transform:translateY(-3px)}.tenure-btn.selected{background:#081e48;background:var(--primary-indigo);border-color:#081e48;border-color:var(--primary-indigo);box-shadow:0 10px 20px #081e4833;color:#fff}.price-display-wrapper{display:flex;flex-direction:column;gap:12px}.price-display{align-items:baseline;display:flex;gap:8px}.price-display .currency{color:#081e48;color:var(--primary-indigo);font-size:2rem;font-weight:700}.price-display .amount{color:#081e48;color:var(--primary-indigo);font-size:5rem;font-weight:800;letter-spacing:-4px;line-height:1}.price-display .duration{color:#44464f;color:var(--text-muted);font-size:1.25rem;font-weight:600}.savings-tag{background:#fff;border:1.5px solid #10b98133;border-radius:12px;color:#10b981;font-size:1rem;font-weight:800;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.action-buttons{display:flex;flex-direction:column;gap:15px}.buy-now-btn{background:linear-gradient(135deg,#064d59,#081e48);background:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo));border:none;border-radius:20px;box-shadow:0 15px 30px #064d5933;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:800;height:72px;transition:all .3s;width:100%}.buy-now-btn:hover{box-shadow:0 25px 50px #081e484d;transform:translateY(-5px)}.add-to-cart-btn{background:#fff;border:2px solid #c5c6d026;border:2px solid var(--border-ghost);border-radius:20px;color:#081e48;color:var(--primary-indigo);cursor:pointer;font-size:1.1rem;font-weight:800;height:64px;transition:all .3s;width:100%}.add-to-cart-btn:hover{background:var(--bg-soft);border-color:#081e48;border-color:var(--primary-indigo)}.secure-text{align-items:center;color:#44464f;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;margin-top:30px;text-align:center}.faq-section{margin-top:80px}.faq-section h2{color:#081e48;color:var(--primary-indigo);font-size:3rem;font-weight:800;margin-bottom:60px;text-align:center}.faq-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.faq-item{background:#fff;background:var(--bg-surface);border:1px solid #c5c6d026;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 20px 40px #081e480f;box-shadow:var(--shadow-ambient);padding:48px;transition:all .3s}.faq-item:hover{border-color:#064d59;border-color:var(--primary-teal);transform:translateY(-8px)}.faq-item h3{color:#081e48;color:var(--primary-indigo);font-size:1.4rem;font-weight:800;margin-bottom:20px}.faq-item p{color:#44464f;color:var(--text-muted);font-size:1.1rem;font-weight:500;line-height:1.7}.packages-loading-container{align-items:center;color:#44464f;color:var(--text-muted);display:flex;flex-direction:column;height:60vh;justify-content:center}.loader{animation:rotation 1s linear infinite;border:5px solid #f3f4f5;border-top-color:#064d59;border:5px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--primary-teal);height:60px;margin-bottom:25px;width:60px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1100px){.main-subscription-card{flex-direction:column}.card-right{border-left:none;border-top:1px solid #c5c6d026;border-top:1px solid var(--border-ghost)}}@media (max-width:768px){.packages-header h1{font-size:3rem}.card-left,.card-right{padding:50px 30px}.price-display .amount{font-size:4rem}.features-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}:root{--foundation-bg:#f6f8fb;--foundation-surface:#fff;--foundation-secondary:#eff2f6;--primary-indigo:#081e48;--primary-teal:#064d59;--accent-soft:#e2f8fd;--text-dark:#0f172a;--text-muted:#64748b;--border-ghost:#94a3b826;--shadow-ambient:0 10px 30px #081e480d;--prism-gradient:linear-gradient(135deg,var(--primary-teal),var(--primary-indigo))}.english-steno-page{background:#f6f8fb;background:var(--foundation-bg);font-family:Manrope,Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 30px}.course-class-page .page-header{align-items:center;background:#fff;background:var(--foundation-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;justify-content:center;margin-bottom:40px;min-height:120px;padding:30px 40px;position:relative}.centered-title,.page-header h1{color:#081e48;color:var(--primary-indigo);font-size:2.8rem!important;font-weight:800!important;letter-spacing:-.04em;margin:0!important;text-align:center}.header-actions{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.back-button-right{align-items:center;background:#eff2f6;background:var(--foundation-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:16px;color:#081e48;color:var(--primary-indigo);cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:10px;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button-right:hover{background:#081e48;background:var(--primary-indigo);box-shadow:0 10px 20px #081e4826;color:#fff;transform:translateX(-5px)}.categories-grid,.volumes-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:20px}.dictations-grid{grid-gap:24px;display:grid!important;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;margin-top:20px}@media (max-width:992px){.dictations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dictations-grid{grid-template-columns:1fr}.centered-title,.page-header h1{font-size:1.8rem!important}}.category-card,.dictation-card,.volume-card{background:#fff;background:var(--foundation-surface);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-card:hover,.dictation-card:hover,.volume-card:hover{border-color:#064d59;border-color:var(--primary-teal);box-shadow:0 40px 80px #081e481a;transform:translateY(-12px)}.category-image,.volume-thumbnail{background-color:#eff2f6;background-color:var(--foundation-secondary);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-ghost);display:block;height:240px;object-fit:cover;transition:transform .5s ease;width:100%}.category-card:hover .category-image,.volume-card:hover .volume-thumbnail{transform:scale(1.05)}.category-content,.dictation-content,.volume-content{display:flex;flex-direction:column;flex-grow:1;padding:30px}.category-content h3,.volume-content h3{color:#081e48;color:var(--primary-indigo);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:15px}.category-description,.volume-description{color:#64748b;color:var(--text-muted);flex-grow:1;font-size:1rem;line-height:1.7;margin-bottom:24px}.volume-dictation-count{align-self:flex-start;background-color:#e2f8fd;background-color:var(--accent-soft);border-radius:100px;color:#064d59;color:var(--primary-teal);display:inline-flex;font-size:.85rem;font-weight:800;letter-spacing:.5px;margin-bottom:24px;padding:8px 18px;text-transform:uppercase}.volume-price{color:#081e48;color:var(--primary-indigo);font-size:1.8rem;font-weight:900;margin-bottom:20px}.volume-footer{border-top:1px solid #eff2f6;border-top:1px solid var(--foundation-secondary);margin-top:auto;padding-top:24px}.dictation-buttons,.volume-actions{display:flex;gap:12px;width:100%}.dictation-buttons{flex-direction:column;gap:10px}.btn-add-to-cart,.btn-owned,.btn-pdf,.btn-start,.btn-view-details{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:800;justify-content:center;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-view-details{background:#eff2f6;background:var(--foundation-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);color:#081e48;color:var(--primary-indigo)}.btn-view-details:hover{background:#081e48;background:var(--primary-indigo);color:#fff}.btn-add-to-cart,.btn-start{background:linear-gradient(135deg,#064d59,#081e48);background:var(--prism-gradient);box-shadow:0 4px 12px #081e4833;color:#fff}.btn-pdf{background:#fff;border:1.5px solid #e11d48;color:#e11d48}.btn-pdf:hover{background:#e11d48;color:#fff}.btn-owned{background:#eff2f6;background:var(--foundation-secondary);color:#64748b;color:var(--text-muted);cursor:not-allowed;opacity:.6}.dictation-info{background-color:#eff2f6;background-color:var(--foundation-secondary);border:1px solid #94a3b826;border:1px solid var(--border-ghost);border-radius:20px;margin-bottom:20px;padding:20px}.info-row{border-bottom:1px dashed #64748b;border-bottom:1px dashed var(--text-muted);display:flex;justify-content:space-between;opacity:.8;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#081e48;color:var(--primary-indigo);font-size:.85rem;font-weight:800;text-transform:uppercase}.info-value{color:#0f172a;color:var(--text-dark);font-size:.95rem;font-weight:700}.empty-state{background:#fff;background:var(--foundation-surface);border:2px dashed #94a3b826;border:2px dashed var(--border-ghost);border-radius:32px;box-shadow:0 10px 30px #081e480d;box-shadow:var(--shadow-ambient);color:#64748b;color:var(--text-muted);font-size:1.3rem;font-weight:700;padding:80px 40px;text-align:center}.payment-status-page{align-items:center;background:#fdfdfd;display:flex;justify-content:center;min-height:80vh;padding:20px}.status-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;max-width:500px;padding:40px;text-align:center;width:100%}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:40px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success .status-icon{background:#d4edda;color:#28a745}.failure .status-icon{background:#f8d7da;color:#dc3545}.status-card h1{color:#333;font-size:28px;margin-bottom:16px}.status-card p{color:#666;line-height:1.6;margin-bottom:24px}.txn-id{font-size:14px}.txn-id code{background:#f1f3f5;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.status-actions{display:flex;gap:16px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover{background:#357abd;transform:translateY(-1px)}.btn-secondary{background:#f1f3f5;color:#495057}.btn-secondary:hover{background:#e9ecef}.policy-page{background-color:#f8fafc;min-height:100vh;padding:40px 20px}.policy-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin:0 auto;max-width:800px;padding:40px}.policy-container h1{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:2.5rem;margin-bottom:2rem;padding-bottom:1rem}.policy-content{color:#334155;font-size:1.1rem;line-height:1.8}.policy-content p,.policy-content ul{margin-bottom:1.5rem}.policy-content ul{padding-left:1.5rem}.policy-content li{margin-bottom:.5rem}.policy-content strong{color:#0f172a}
/*# sourceMappingURL=main.0f3d3771.css.map*/