@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);html{font-size:13px}:root{--font-scale:0.85}*{margin:0;padding:0}@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")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;margin-top:80px}.app-content.no-top-bar{margin-top:0}.main-content{flex:1 1;margin-left:210px;min-height:calc(100vh - 80px);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:70px}.main-content{margin-left:0;padding:10px}}@media (max-width:480px){.main-content{padding:5px}}.top-bar{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:80px;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%}.desktop-sidebar-toggle,.logo-section{align-items:center;display:flex}.desktop-sidebar-toggle{background:none;border:none;border-radius:8px;color:#555;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:55px;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;color:#555;display:flex;justify-content:center;transition:color .3s ease}.social-links a:hover{color:#3498db}.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{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:8px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-login{background-color:initial;border:1px solid #3498db;color:#3498db}.btn-login:hover,.btn-register{background-color:#3498db;color:#fff}.btn-register:hover{background-color:#2980b9}.btn-profile{background-color:initial;border:1px solid #2c3e50;color:#2c3e50}.btn-profile:hover{background-color:#2c3e50;color:#fff}.btn-logout-top{background-color:#e74c3c;color:#fff}.btn-logout-top:hover{background-color:#c0392b}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none}.top-bar{height:70px}.top-bar-content{justify-content:space-between;padding:0 15px}.logo{height:45px}.mobile-menu-toggle-top{align-items:center;background:#2c3e50;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;order:1;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{-ms-overflow-style:none;background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;height:calc(100vh - 80px);left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:80px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:210px;z-index:999}.side-menu.collapsed{transform:translateX(-100%)}.side-menu::-webkit-scrollbar{display:none}.side-menu-nav{padding:20px 0}.menu-list{list-style:none;margin:0;padding:0}.menu-item{background:none;border:none;border-left:3px solid #0000;color:#ecf0f1;cursor:pointer;font-size:13px;gap:12px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.menu-icon,.menu-item{align-items:center;display:flex}.menu-icon{flex-shrink:0;height:20px;justify-content:center;width:20px}.menu-text{flex:1 1}.menu-item:hover{padding-left:25px}.menu-item.active,.menu-item:hover{background-color:#34495e;border-left-color:#3498db}.menu-item.active{color:#3498db;font-weight:600}.mobile-menu-header{border-bottom:1px solid #34495e;display:none;margin-bottom:10px;padding:20px}.mobile-logo-link{display:block;margin-bottom:15px;text-decoration:none}.mobile-logo{height:40px;object-fit:contain;width:auto}.mobile-user-info{color:#ecf0f1;margin-bottom:15px}.mobile-username{color:#3498db;font-size:15px;font-weight:600;margin-bottom:8px}.mobile-profile-link{color:#ecf0f1;display:inline-block;font-size:11px;padding:5px 0;text-decoration:none;transition:color .3s ease}.mobile-profile-link:hover{color:#3498db}.mobile-auth-links{display:flex;gap:10px;margin-bottom:15px}.mobile-login-link,.mobile-register-link{border-radius:5px;font-size:11px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.mobile-login-link{background-color:initial;border:1px solid #3498db;color:#3498db}.mobile-login-link:hover,.mobile-register-link{background-color:#3498db;color:#fff}.mobile-register-link:hover{background-color:#2980b9}.mobile-logout-btn{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:10px;transition:background-color .3s ease;width:100%}.mobile-logout-btn:hover{background-color:#c0392b}.menu-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@media (max-width:768px){.mobile-menu-header{display:block}.side-menu{height:calc(100vh - 70px);top:70px;transform:translateX(-100%)}.side-menu.open{transform:translateX(0)}.menu-overlay{display:block}.menu-item{font-size:15px;padding:12px 20px}}@media (max-width:480px){.side-menu{width:220px}.menu-item{font-size:14px;padding:10px 15px}}.sub-menu-list{background:#0000001a;list-style:none;margin:0;padding:0}.sub-menu-item{background:none;border:none;color:#a0aec0;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:10px 20px 10px 52px;text-align:left;transition:all .2s;width:100%}.sub-menu-item:hover{background:#ffffff0d;color:#3498db}.sub-menu-item.active{background:#3498db1a;color:#3498db;font-weight:700}.dropdown-arrow{font-size:.7rem;margin-left:auto;opacity:.6}.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,#667eea,#764ba2);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,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.carousel-slide:after{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 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}.slide-title{font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:20px;text-shadow:0 4px 20px #0006}.slide-description{font-size:18px;font-weight:300;line-height:1.6;margin-bottom:15px;opacity:.95;text-shadow:0 2px 10px #0000004d}.slide-description:last-of-type{margin-bottom:30px}.slide-cta{background-color:#fff;border-radius:50px;box-shadow:0 8px 25px #0003;color:#667eea;display:inline-block;font-size:14px;font-weight:700;margin-top:15px;padding:15px 40px;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-color:#fff;font-family:Inter,Outfit,sans-serif;min-height:100vh;padding-bottom:4rem}.home-carousel-container{margin:0 auto;max-width:2660px;padding:1rem}.home-container{margin:0 auto;max-width:1300px;padding:0 20px}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.home-hero-header{margin:3rem 0;text-align:center}.main-title{color:#333;font-size:3.5rem;font-weight:800;margin-bottom:.5rem}.main-title .blue{color:#3498db}.main-title .purple{color:#9b59b6}.main-title .green{color:#2ecc71}.sub-branding{color:#4338ca;font-size:2.8rem;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem}.new-badge-container{margin:0 auto;max-width:800px}.what-is-new{color:#2ebf91;display:block;font-size:1.8rem;font-weight:700;margin-bottom:10px}.sub-desc{color:#666;font-size:1.1rem;line-height:1.6}.feature-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.feature-mini-card{border-radius:20px;box-shadow:0 10px 20px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;transition:all .3s ease}.feature-mini-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.card-top{display:flex;gap:15px}.feat-icon-box{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:65px;justify-content:center;width:65px}.feat-text-box h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.feat-text-box p{font-size:.85rem;line-height:1.4;opacity:.95}.explore-btn{align-self:flex-end;background:#ff7675;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:15px;padding:6px 15px}.why-diff-section{margin-bottom:4rem}.why-diff-header{margin-bottom:2rem;text-align:center}.why-diff-header h2{color:#333;font-size:2.2rem;font-weight:700}.why-diff-header h2 span{color:#ff7675}.why-diff-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.diff-item{align-items:center;border:4px solid #f1f3f5;border-radius:50px;display:flex;gap:12px;padding:10px 20px;transition:all .2s}.diff-item:hover{background:#f8fbff;border-color:#3498db}.arrow-icon{color:#3498db;font-size:1.5rem}.icon-circle{align-items:center;background:#eef2f7;border:1px solid #ddd;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.diff-item p{color:#444;font-size:.95rem;font-weight:600;margin:0}.how-to-use-banner{margin-bottom:4rem;text-align:center}.btn-how-to-use{background:#007991;border-radius:12px;box-shadow:0 10px 20px #00799133;color:#fff;display:inline-block;font-size:1.8rem;font-weight:700;padding:12px 60px;text-decoration:none;transition:all .2s}.btn-how-to-use:hover{box-shadow:0 15px 30px #0079914d;transform:scale(1.05)}.must-choose-section{margin-bottom:4rem}.choose-header{margin-bottom:2rem;text-align:center}.choose-header h2{color:#333;font-size:1.8rem;font-weight:700;text-transform:uppercase}.choose-header h2 span{color:#f9ca24}.choose-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.choose-card{align-items:center;border-radius:12px;color:#2c3e50;font-size:.95rem;font-weight:800;line-height:1.2;min-height:80px;padding:15px 20px;text-align:center}.choose-card,.pricing-cta-row{display:flex;justify-content:center}.pricing-cta-row{gap:30px;margin-bottom:4rem}.pricing-btn{border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;line-height:1.2;padding:12px 40px;transition:all .2s}.pricing-btn.english,.pricing-btn.hindi{background:#000428}.pricing-btn:hover{box-shadow:0 10px 25px #0004284d;transform:scale(1.1)}.live-classes-footer{margin-bottom:4rem}.live-title-badge{background:#eb4d4b;border-radius:30px;color:#fff;display:inline-block;font-size:1.6rem;font-weight:700;left:50%;margin-bottom:-25px;padding:10px 30px;position:relative;transform:translateX(-50%);z-index:2}.live-content{align-items:center;border:4px solid #f1f3f5;border-radius:20px;display:flex;gap:30px;padding:60px 40px 40px}.live-illus{font-size:100px}.live-text p{color:#555;font-size:1.1rem;line-height:1.6}.live-text .hindi-text{color:#333;font-weight:600}.btn-know-more{background:#007bff;border:none;border-radius:12px;box-shadow:0 10px 20px #007bff33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;margin-top:20px;padding:12px 40px;transition:all .2s}.btn-know-more:hover{background:#0056b3}.updates-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.updates-header{justify-content:space-between;margin-bottom:1.5rem}.update-item,.updates-header{align-items:center;display:flex}.update-item{border-bottom:1px solid #eef2f7;gap:15px;padding:10px 0}.update-date{background:#ebf5ff;border-radius:4px;color:#3498db;font-size:.7rem;font-weight:800;padding:4px 10px}@media (max-width:900px){.main-title{font-size:2.2rem}.sub-branding{font-size:1.8rem}.why-diff-list{grid-template-columns:1fr}.pricing-cta-row{align-items:center;flex-direction:column}.live-content{flex-direction:column;text-align:center}}.books-notes-page{margin:0 auto;max-width:1400px;padding:10px 20px}.page-header{margin-bottom:20px}.page-header h1{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;box-shadow:0 1px 2px #0000000d;color:#475569;font-size:14px;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;color:#fff}.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{--primary-color:#078f65;--primary-hover:#067250;--bg-dark-gradient:linear-gradient(180deg,#004d40,#000);--bg-light:#f3f4f6;--text-field-border:#e5e7eb;--halo-glow:#078f650d}*{box-sizing:border-box;font-family:Inter,sans-serif}.auth-container{background-color:#f3f4f6;background-color:var(--bg-light);min-height:100vh;width:100%}.auth-container,.auth-left{display:flex;overflow:hidden}.auth-left{background:linear-gradient(180deg,#004d40,#000);background:var(--bg-dark-gradient);color:#fff;flex:1.2 1;flex-direction:column;padding:40px;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:32px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.auth-left .sidebar-subtitle{color:#a0aec0;font-size:16px;line-height:1.4;margin-bottom:25px}.feature-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50px;font-size:12px;font-weight:500;padding:6px 12px}.features-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.feature-card{background:#ffffff12;border:1px solid #ffffff0d;border-radius:12px;padding:16px;transition:all .3s ease}.feature-card:hover{background:#ffffff1a;transform:translateY(-3px)}.feature-icon{align-items:center;background:#078f65;background:var(--primary-color);border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;margin-bottom:12px;width:32px}.feature-card h3{font-size:14px;font-weight:600;margin-bottom:6px}.feature-card p{color:#cbd5e0;font-size:12px;line-height:1.3}.auth-right{align-items:center;background:radial-gradient(circle at right,#078f650d 0,#0000 70%);background:radial-gradient(circle at right,var(--halo-glow) 0,#0000 70%);display:flex;flex:0.8 1;justify-content:center;padding:20px;position:relative}.auth-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000014;max-width:520px;padding:30px;position:relative;width:100%;z-index:2}.auth-card h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:#6b7280;font-size:14px;margin-bottom:25px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:4px}.form-group label{color:#374151;font-size:13px}.form-group input,.form-group select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--text-field-border);border-radius:8px;font-size:14px;height:46px;padding:0 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#078f65;border-color:var(--primary-color);box-shadow:0 0 0 3px #078f651a}.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' 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-repeat:no-repeat;background-size:.9em;cursor:pointer}.forgot-password-link{margin-top:-10px;text-align:right}.forgot-password-link a{color:#078f65;color:var(--primary-color);font-size:12px;font-weight:500;text-decoration:none}.auth-button{background-color:#078f65;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #078f6533;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:46px;transition:all .3s ease}.auth-button:hover:not(:disabled){background-color:#067250;background-color:var(--primary-hover);transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#6b7280;font-size:13px;margin-top:20px;text-align:center}.auth-footer a{color:#078f65;color:var(--primary-color);font-weight:600;text-decoration:none}.error-message,.otp-error{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626}.error-message,.otp-error,.success-message{font-size:14px;margin-bottom:24px;padding:12px 16px}.success-message{background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#16a34a}.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:#f3f4f6;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 - 80px);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}.btn-submit{background-color:#27ae60;border-radius:6px;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}.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{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.subscription-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.subscription-thumbnail{background:#e0e0e0;height:180px;object-fit:cover;width:100%}.subscription-content{padding:20px}.subscription-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.subscription-details{margin-bottom:15px}.detail-row{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#7f8c8d;font-size:14px}.detail-value{color:#2c3e50;font-size:14px}.status-badge{padding:4px 12px;text-transform:uppercase}.status-badge.status-expired{background-color:#f8d7da;color:#721c24}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.btn-view-subscription{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px;transition:all .3s ease;width:100%}.btn-view-subscription:hover{background-color:#229954}.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{margin:0 auto;max-width:1200px;padding:20px}.page-header{flex-direction:column;gap:15px;margin-bottom:40px;text-align:center}.page-header h1{font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:0}.guide-trigger-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.guide-trigger-btn:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;color:#3b82f6;transform:translateY(-1px)}.guide-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.guide-modal-content{animation:modalIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:700px;overflow:hidden;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guide-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 30px}.guide-modal-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.guide-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:28px;line-height:1;transition:color .2s}.guide-close-btn:hover{color:#ef4444}.guide-modal-body{padding:30px}.description-section{max-width:100%;text-align:left}.description-section p{color:#475569;font-size:16px;line-height:1.7;margin-bottom:24px;padding:0}.steno-dashboard{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.dash-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:transform .3s ease}.dash-card:hover{transform:translateY(-5px)}.dash-icon{font-size:32px;margin-bottom:15px}.dash-info{display:flex;flex-direction:column;gap:4px}.dash-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.dash-value{color:#1e293b;font-size:32px;font-weight:800}.dash-progress-bg{background:#f1f5f9;border-radius:3px;height:6px;margin-top:15px}.dash-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .5s ease-out}.dash-buy-btn{background:linear-gradient(135deg,#fff,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#2563eb;cursor:pointer;font-weight:700;margin-top:15px;padding:8px;transition:all .2s}.dash-buy-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 12px #2563eb33;color:#fff;transform:translateY(-1px)}.dash-hint{color:#94a3b8;font-size:13px;font-style:italic;margin-top:10px}.buy-info-box{background:#f0f9ff;border:1px dashed #7dd3fc;border-radius:16px;margin-bottom:30px;padding:24px;text-align:center}.promo-text{background:#3b82f6;border-radius:100px;color:#fff;font-size:12px;font-weight:800;padding:4px 12px;text-transform:uppercase}.buy-info-box h3{color:#0369a1;font-size:32px;margin:15px 0 10px}.quantity-selector{margin-bottom:30px}.quantity-selector label{color:#475569;display:block;font-weight:600;margin-bottom:12px}.qty-controls{gap:20px}.qty-controls,.qty-controls button{align-items:center;display:flex;justify-content:center}.qty-controls button{background:#fff;border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;font-size:24px;height:44px;transition:all .2s;width:44px}.qty-controls button:hover{border-color:#2563eb;color:#2563eb}.qty-controls span{font-size:24px;font-weight:800;min-width:40px;text-align:center}.buy-summary{background:#f8fafc;border-radius:12px;margin-bottom:30px;padding:20px}.summary-line{display:flex;justify-content:space-between;margin-bottom:10px}.price-tag{color:#10b981;font-size:24px}.add-to-cart-big-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #2563eb4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px;transition:all .3s;width:100%}.add-to-cart-big-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 10px 20px -3px #2563eb66;transform:translateY(-2px)}.tabs-container{margin-bottom:40px}.tabs{background:#f1f5f9;border-radius:16px;justify-content:center;margin:0 auto;padding:6px;width:-webkit-fit-content;width:fit-content}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-radius:12px;color:#64748b;font-weight:700;gap:10px;padding:12px 30px;transition:all .3s}.tab.active{background:#fff;box-shadow:0 4px 6px -1px #0000001a;color:#2563eb}.tab-icon{font-size:20px}.form-card{border-radius:24px;padding:40px}.form-card h2{color:#2c3e50;font-size:24px;margin-bottom:30px}.success-message{border-radius:6px;margin-bottom:20px;padding:12px}.steno-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:2fr 1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-group input[type=file]{cursor:pointer;padding:8px}.file-info{color:#27ae60;font-size:14px;margin-top:5px}.matter-textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:16px;padding:12px;resize:vertical;transition:border-color .3s ease}.matter-textarea:focus{border-color:#3498db;outline:none}.audio-btn:hover{background:#2980b9;transform:scale(1.1)}.audio-btn:active{transform:scale(.95)}.play-pause-btn:hover{background:#229954}.forward-btn:hover,.rewind-btn:hover{background:#5d6d7e}.audio-speed-controls{align-items:center;display:flex;gap:10px;justify-content:center}.audio-speed-controls label{color:#2c3e50;font-size:14px;font-weight:500;margin:0}.speed-buttons{display:flex;gap:5px}.speed-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.speed-btn:hover{border-color:#3498db;color:#3498db}.speed-btn.active{background:#3498db;border-color:#3498db;color:#fff}.font-kruti-dev-010{font-family:Kruti Dev\ 010,sans-serif}.font-dev-lays-010{font-family:Dev Lays\ 010,DevLys\ 010,sans-serif}.font-mangal-inscript{font-family:Mangal,sans-serif}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #2563eb33;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #3498db4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.view-section{margin-top:30px}.stenos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.steno-card{border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.steno-card:hover{border-color:#3b82f633;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.steno-card h3{color:#1e293b;font-size:22px;font-weight:700;line-height:1.2;margin:0}.lang-badge{border-radius:6px;font-size:11px;font-weight:800;padding:4px 10px;text-transform:uppercase}.lang-badge.english{background:#eff6ff;color:#2563eb}.lang-badge.hindi{background:#fef2f2;color:#dc2626}.steno-info{grid-gap:15px;background:#f8fafc;border-radius:12px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:15px}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#94a3b8;font-size:11px;text-transform:uppercase}.info-value{color:#334155;font-size:14px;font-weight:700}.attempt-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.attempt-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 15px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.your-steno-page{padding:15px}.page-header h1{font-size:28px}.description-section{padding:0 10px}.description-section p{font-size:14px;padding:0 10px}.stats-card{align-items:flex-start;flex-direction:column}.form-card{padding:25px}.stenos-grid{grid-template-columns:1fr}.audio-player-container{padding:15px}.audio-main-controls{gap:10px}.audio-btn{height:44px;width:44px}.play-pause-btn{height:52px;width:52px}.audio-progress-container{flex-wrap:wrap;gap:8px}.audio-time{font-size:12px;min-width:40px}.audio-speed-controls{flex-wrap:wrap;gap:8px}.speed-buttons{flex-wrap:wrap}}.empty-state{align-items:center;background:#fff;border-radius:24px;display:flex;flex-direction:column;gap:20px;padding:60px}.empty-icon{font-size:64px}.btn-create-now{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #2563eb33;color:#fff;cursor:pointer;font-weight:700;padding:12px 30px;transition:all .2s}.btn-create-now:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb4d;transform:scale(1.05) translateY(-2px)}.category-selector{margin:0 auto 30px}.yt-dictations-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:0 10px 20px}.dictationary-header{border-bottom:2px solid #f1f5f9;margin-bottom:0;padding-bottom:5px;position:relative}.header-top{justify-content:center;margin:0 auto 5px;max-width:1200px;padding:0 10px;position:relative}.btn-yt-join,.header-top{align-items:center;display:flex}.btn-yt-join{background:linear-gradient(90deg,red,#c00);border-radius:100px;box-shadow:0 4px 15px #ff00004d;color:#fff;font-size:.85rem;font-weight:700;gap:8px;padding:8px 18px;position:absolute;right:10px;text-decoration:none;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-yt-join:hover{background:linear-gradient(90deg,red,#e60000);box-shadow:0 8px 25px #f006;color:#fff;transform:translateY(-2px) scale(1.02)}.dictationary-header p{color:#64748b;font-size:1.1rem;margin:0 auto 5px;max-width:600px}.category-selector{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;margin:5px auto 10px;padding:4px}.category-btn{color:#64748b;font-size:.95rem;padding:10px 30px;transition:all .2s ease}.category-btn:hover:not(.active){background:#00000008;color:#1e293b}.category-btn.active{box-shadow:0 4px 12px #00000014;color:#6366f1}.steno-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:10px}.steno-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;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.steno-card:hover{box-shadow:0 12px 24px -8px #0000001a,0 4px 10px -4px #0000000d;transform:translateY(-4px)}.steno-info{display:flex;flex-direction:column;flex-grow:1;padding:16px}.steno-info h3{color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 16px}.steno-meta-info{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;padding:12px}.info-row{padding:6px 0}.steno-card p.description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:16px;overflow:hidden}.steno-buttons{display:flex;gap:12px;margin-top:auto;padding:0}.steno-buttons button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.02em;padding:12px 16px;transition:all .2s ease}.btn-start{box-shadow:0 4px 12px #10b98133}.btn-start:hover{box-shadow:0 6px 16px #10b9814d}.btn-leadership{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;color:#0f172a}.btn-leadership:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #0000000d}.error-message{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#ef4444;margin-bottom:24px;padding:16px}.no-results{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;color:#64748b;grid-column:1/-1;padding:80px 20px;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid #f1f5f9;border-top-color:#6366f1}@media (max-width:768px){.yt-dictations-page{padding:24px 16px}.dictationary-header h1{font-size:1.75rem}.steno-list{gap:20px;grid-template-columns:1fr}.header-top{flex-direction:column;gap:15px}.btn-yt-join{justify-content:center;width:100%}.steno-buttons{flex-direction:column}}.practice-overview{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.practice-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:center;margin-bottom:30px;min-height:80px;padding-bottom:20px;position:relative}.practice-title{color:#1e293b;font-size:32px;font-weight:800;margin:0;max-width:60%;text-align:center}.back-btn-nav,.home-btn-nav{align-items:center;border:none;border-radius:100px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;padding:10px 24px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.home-btn-nav{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;left:0}.home-btn-nav:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-50%) scale(1.05)}.back-btn-nav{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;color:#475569;right:0}.back-btn-nav:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;transform:translateY(-50%) scale(1.05)}.btn-icon{font-size:1.2rem}.practice-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:70% 30%;margin-top:20px}.overview-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;min-width:0;overflow:hidden;padding:30px}.overview-section h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:24px;margin-bottom:20px;padding-bottom:10px}.overview-config-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.config-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.config-field{display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.config-field label{color:#2c3e50;font-size:14px;font-weight:500}.config-field input,.config-field select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;min-width:0;padding:10px;transition:border-color .3s ease;width:100%}.config-field input:focus,.config-field select:focus{border-color:#3498db;outline:none}.config-field input[readonly],.config-field select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.words-to-type-container{align-items:center;display:flex;gap:8px}.custom-words-input{flex:1 1;max-width:100px}.preview-dictation-btn{background-color:#3498db;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:13px;font-weight:600;max-width:100%;padding:10px 12px;transition:all .3s ease;white-space:nowrap;width:100%}.preview-dictation-btn:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.audio-player-group{border-top:1px solid #ecf0f1;margin-top:20px;padding-top:20px}.exams-section{border-top:1px solid #ecf0f1;margin-top:25px;padding-top:25px}.exams-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.exams-badges{display:flex;flex-wrap:wrap;gap:8px}.exam-badge{background:#3498db;border-radius:20px;color:#fff;font-size:13px;font-weight:500;padding:6px 12px}.transcription-actions{border-top:1px solid #ecf0f1;display:flex;flex-direction:column;gap:10px;margin-top:25px;padding-top:25px}.preview-transcription-btn,.report-transcription-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.preview-transcription-btn{background-color:#3498db;color:#fff}.preview-transcription-btn:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.report-transcription-btn{background-color:#e0e0e0;color:#7f8c8d;cursor:not-allowed}.transcription-options-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px}.transcription-options-section h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:24px;margin-bottom:20px;padding-bottom:10px;text-transform:none}.transcription-options-form{display:flex;flex-direction:column;gap:0}.setting-item{margin-bottom:12px;padding-bottom:5px}.setting-item:last-of-type{margin-bottom:0}.setting-item label{color:#475569;font-size:14px;font-weight:700;letter-spacing:.01em;margin-bottom:10px}.template-select{background:#fff}.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{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;color:#334155;font-size:13px;gap:6px;padding:8px 14px}.radio-option:hover{background-color:#fff}.radio-option input[type=radio]{height:15px;width:15px}.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;color:#2c3e50;font-size:18px;line-height:1.8;white-space:pre-wrap}.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}.transcription-settings{margin:0 auto;max-width:800px;min-height:calc(100vh - 80px);padding:20px}.settings-header{border-bottom:2px solid #ecf0f1;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.settings-header h1{color:#2c3e50;font-size:32px;margin:0}.back-btn{padding:10px 20px}.settings-content{justify-content:center}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px;width:100%}.setting-item{border-bottom:1px solid #ecf0f1;margin-bottom:30px;padding-bottom:25px}.setting-item:last-of-type{border-bottom:none;margin-bottom:40px}.setting-item label{color:#2c3e50;display:block;font-size:18px;font-weight:600;margin-bottom:15px}.radio-group{flex-wrap:wrap;gap:20px}.radio-option{align-items:center;border:2px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 15px;transition:all .3s ease}.radio-option:hover{background-color:#f8f9fa;border-color:#3498db}.radio-option input[type=radio]{accent-color:#3498db;cursor:pointer;height:20px;width:20px}.radio-option input[type=radio]:checked+span{color:#3498db;font-weight:600}.start-test-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:16px;transition:all .3s ease;width:100%}.start-test-btn:hover:not(:disabled){background-color:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.start-test-btn:disabled{cursor:not-allowed;opacity:.6}.template-select{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.template-select:focus{border-color:#3498db;outline:none}.template-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;padding:15px}.template-info{color:#2c3e50;font-size:14px;margin:0 0 10px}.template-settings-preview{display:flex;flex-direction:column;gap:8px;margin-top:10px}.template-settings-preview span{color:#7f8c8d;font-size:14px;padding:5px 0}@media (max-width:768px){.transcription-settings{padding:15px}.settings-header{align-items:flex-start;flex-direction:column;gap:15px}.settings-header h1{font-size:24px}.settings-card{padding:25px}.radio-group{flex-direction:column;gap:10px}.radio-option{width:100%}}.transcription-test{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:20px;transition:all .3s ease}.transcription-test.fullscreen-mode{max-width:100%;min-height:100vh;padding:30px}.test-error,.test-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:calc(100vh - 80px)}.test-error p{color:#e74c3c;font-size:18px}.test-error button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.test-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left,.test-header{align-items:center;display:flex;gap:15px}.back-btn{background-color:#7f8c8d;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.back-btn:hover{background-color:#95a5a6;transform:translateY(-2px)}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.control-buttons{gap:10px}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.control-btn:hover{background:#2980b9;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.font-size-display{color:#2c3e50;font-size:14px;font-weight:600;min-width:45px;text-align:center}.test-header h2{color:#2c3e50;font-size:28px;margin:0}.timer{align-items:center;display:flex;font-size:20px;gap:10px}.timer-label{color:#7f8c8d;font-weight:500}.timer-value{background-color:#ecf0f1;border-radius:6px;color:#2c3e50;font-family:Courier New,monospace;font-size:24px;font-weight:600;min-width:80px;padding:8px 16px;text-align:center}.timer-value.warning{animation:pulse 1s infinite;background-color:#fee;color:#e74c3c}.timer-value.paused{background-color:#fff3cd;color:#856404}.paused-indicator{color:#856404;font-size:14px;font-weight:500;margin-left:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-content{display:flex;flex-direction:column;gap:20px}.matter-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.matter-preview h3{color:#2c3e50;font-size:20px;margin-bottom:15px}.matter-content{word-wrap:break-word;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;font-family:inherit;font-size:16px;line-height:1.8;max-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap}.typing-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.typing-section label{color:#2c3e50;display:block;font-size:18px;font-weight:600;margin-bottom:15px}.typing-area{border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:16px;line-height:1.6;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.typing-area:focus{border-color:#3498db;outline:none}.typing-area:disabled{background-color:#f5f5f5;cursor:not-allowed}.typing-stats{color:#7f8c8d;display:flex;font-size:14px;gap:20px;margin-top:15px}.test-footer{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 0}.submit-exam-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 40px;transition:all .3s ease}.submit-exam-btn:hover:not(:disabled){background-color:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.submit-exam-btn:disabled{cursor:not-allowed;opacity:.6}.pause-exam-btn{background-color:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 40px;transition:all .3s ease}.pause-exam-btn:hover:not(:disabled){background-color:#e67e22;box-shadow:0 4px 12px #f39c124d;transform:translateY(-2px)}.pause-exam-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.transcription-test{padding:15px}.transcription-test.fullscreen-mode{padding:20px}.test-header{gap:15px;padding:15px}.header-left,.test-header{align-items:flex-start;flex-direction:column}.header-left{gap:10px;width:100%}.test-header h2{font-size:22px}.header-controls{align-items:flex-start;flex-direction:column;gap:15px;width:100%}.timer{justify-content:space-between;width:100%}.matter-preview,.typing-section{padding:20px}.matter-content{font-size:14px;max-height:200px}.typing-area{font-size:14px}}.transcription-result{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.result-header h1{color:#2d3748;font-size:2rem;margin:0}.back-btn{background-color:#4a5568;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.back-btn:hover{background-color:#2d3748;transform:translateY(-1px)}.result-content{grid-gap:2rem;display:grid;gap:2rem}.comparison-card,.summary-card,.test-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}h2{border-bottom:2px solid #edf2f7;color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.details-grid{grid-gap:1.5rem 3rem;display:grid;gap:1.5rem 3rem;grid-template-columns:repeat(2,1fr)}.detail-item{align-items:center;border-bottom:1px solid #edf2f7;flex-direction:row;justify-content:space-between;padding-bottom:.5rem}.detail-label{color:#718096;font-size:.875rem;font-weight:500;min-width:120px}.detail-value{color:#2d3748;font-size:1rem;font-weight:600;text-align:right}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{align-items:center;background-color:#f7fafc;border:1px solid #edf2f7;border-radius:8px;padding:1rem;text-align:center}.summary-label{color:#718096;font-size:.875rem;margin-bottom:.5rem}.summary-value{color:#2d3748;font-size:1.5rem;font-weight:700}.summary-item.full-mistake .summary-value{color:#e53e3e}.summary-item.half-mistake .summary-value{color:#d69e2e}.summary-item.accuracy .summary-value{color:#38a169}.comparison-paragraph{background-color:#fff;border-radius:8px;color:#4a5568;font-size:1.125rem;line-height:2;padding:1rem}.word-badge{cursor:default;margin:.25rem;padding:.125rem .375rem;transition:all .2s}.word-badge:hover{transform:scale(1.05)}.word-badge.correct{color:#000}.word-badge.full-mistake{background-color:#fed7d7;color:#c53030;text-decoration:line-through}.word-badge.half-mistake{background-color:#fefcbf;border-bottom:2px dashed #ecc94b;color:#b7791f}.word-badge.extra{background-color:#e2e8f0;color:#718096}.missing{color:#cbd5e0}.result-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.spinner{border:4px solid #e2e8f0;border-top-color:#3182ce;height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.transcription-result{padding:1rem}.result-header{align-items:flex-start;flex-direction:column;gap:1rem}.back-btn{width:100%}.details-grid{grid-template-columns:1fr}}.independent-sections{margin-bottom:2rem}.independent-sections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.info-card h3{border-bottom:1px solid #edf2f7;color:#2d3748;font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.card-fields{display:flex;flex-direction:column;gap:.8rem}.field-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.field-row .label{color:#718096;font-weight:500}.field-row .value{color:#2d3748;font-weight:600}.value.highlight-blue{color:#3182ce}.value.highlight-red{color:#e53e3e}.value.highlight-yellow{color:#d69e2e}.value.highlight-green{color:#38a169}@media (max-width:1200px){.independent-sections-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.independent-sections-grid{grid-template-columns:1fr}}.result-tabs{background:#e2e8f0;border-bottom:none;border-radius:999px;gap:1rem;justify-content:flex-start;margin-bottom:2rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border:none;border-radius:999px;color:#4a5568;cursor:pointer;font-weight:600;margin-bottom:0;padding:.5rem 1.5rem;transition:all .2s}.tab-btn:hover{color:#2d3748}.tab-btn.active{background:#fff;border-bottom:none;box-shadow:0 2px 4px #0000001a;color:#3182ce}.mistakes-overview-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.mistake-stats-pills{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.pill{border-radius:6px;font-size:.95rem;font-weight:600;padding:.5rem 1rem}.pill.spelling{background-color:#fed7d7;color:#c53030}.pill.punctuation{background-color:#bee3f8;color:#2b6cb0}.pill.capitalisation{background-color:#feebc8;color:#c05621}.highlighted-transcript{margin-top:1rem}.highlighted-transcript h3{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem}.transcript-text{word-wrap:break-word;font-size:1.1rem;line-height:2;overflow-wrap:break-word;white-space:pre-wrap}.full-comparison-container{display:flex;gap:2rem;height:70vh}.comparison-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.comparison-column,.exam-marking-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.exam-marking-container{min-height:300px;padding:2rem}.exam-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-width:400px}.exam-selector select{border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;outline:none;padding:.75rem}.exam-result-card{background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;padding:2rem}.mistake-breakdown{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.mistake-breakdown h4{color:#4a5568;font-size:1rem;margin-bottom:1rem}.breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;font-size:.9rem;padding:.75rem}.breakdown-item strong{color:#2d3748;font-size:1.2rem}.exam-note{color:#718096;font-size:.9rem;font-style:italic;margin-top:1.5rem}.exam-placeholder{color:#718096;font-size:1.1rem;margin-top:3rem;text-align:center}.word-analysis-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:1.5rem}.word-analysis-section h3{border-bottom:1px solid #edf2f7;color:#2d3748;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.word-badges-container{display:flex;flex-wrap:wrap;gap:.5rem;line-height:1.6}.hindi-flow{font-family:Noto Sans Devanagari,Mangal,sans-serif}.hindi-flow,.hindi-full-comparison-flow{font-feature-settings:"liga" 1,"clig" 1;line-height:2.1;text-rendering:optimizeLegibility;white-space:normal}.hindi-full-comparison-flow{display:block;padding:.5rem 0}.word-badge{border:1px solid #0000;border-radius:4px;display:inline-block;font-size:1rem;font-weight:500;padding:.25rem .5rem}.badge-correct{background-color:#f7fafc;border-color:#edf2f7;color:#000}.badge-spelling{background-color:#fff5f5;border-color:#feb2b2;color:#e53e3e}.badge-capitalisation{background-color:#ebf8ff;border-color:#90cdf4;color:#3182ce}.badge-punctuation{background-color:#f0fff4;border-color:#9ae6b4;color:#38a169}.badge-missing{background-color:#f3e8ff;border:1px dashed #d6bcfa;color:#805ad5;text-decoration:line-through}.badge-extra{background-color:ivory;border-color:#fbd38d;color:#d69e2e}.badge-substitution{background-color:#fff5f5;border:1px solid #feb2b2;color:#c53030}.badge-error{background-color:#fff5f5;color:#e53e3e}.badge-legend{color:#4a5568;display:flex;font-size:.9rem;gap:1.5rem;margin-top:1.5rem}.legend-item{align-items:center;display:flex;gap:.5rem}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot-black{background-color:#000}.dot-red{background-color:#e53e3e}.dot-blue{background-color:#3182ce}.dot-green{background-color:#38a169}.analysis-stats-bar{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem}.stat-item{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:.5rem}.stat-item strong{color:#2d3748;font-size:1.1rem}.exam-table-wrapper{overflow-x:auto}.exam-results-table{border-collapse:collapse;font-size:.95rem;margin-top:1rem;width:100%}.exam-results-table td,.exam-results-table th{border-bottom:1px solid #edf2f7;padding:1rem;text-align:left}.exam-results-table th{background-color:#f7fafc;color:#4a5568;font-weight:600}.exam-results-table tr:hover{background-color:#f8fafc}.exam-name-cell{color:#2d3748;font-weight:600}.accuracy-cell{color:#38a169;font-weight:700}.penalties-cell{color:#e53e3e;font-weight:700}.breakdown-cell{display:flex;gap:.5rem}.mini-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.mini-badge.spelling{background-color:#fed7d7;color:#c53030}.mini-badge.punctuation{background-color:#bee3f8;color:#2b6cb0}.mini-badge.capitalisation{background-color:#feebc8;color:#c05621}.mini-badge.missing{background-color:#edf2f7;color:#718096;text-decoration:line-through}.mini-badge.extra{background-color:#e2e8f0;color:#d69e2e}.mini-badge.substitution{background-color:#fff5f5;color:#c53030}.exam-table-note{color:#718096;font-size:.85rem;font-style:italic;margin-top:1rem;text-align:right}.candidate-details{color:#4a5568;display:none;font-size:.9rem;gap:1.5rem;margin-top:.5rem}.candidate-details p{margin:0}.header-actions{align-items:center;gap:1rem}.download-btn{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.download-btn:hover{background-color:#2c5282;transform:translateY(-1px)}@media print{@page{size:A4;margin:.5cm}body{background-color:#fff;font-size:11px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.transcription-result{background-color:#fff;display:flex;flex-direction:column;max-width:100%;padding:0}.result-header{order:1}.independent-sections:not(.exam-marking-container){order:2}.exam-marking-container{order:3}.word-analysis-section{order:4}h1{font-size:16px!important}h1,h2{margin-bottom:.25rem}h2{font-size:14px!important}h3{font-size:12px!important;margin-bottom:.25rem}.candidate-details{border-bottom:1px solid #ddd;display:flex!important;font-size:11px;gap:1rem;justify-content:flex-start;margin-bottom:.5rem;padding-bottom:.5rem;width:100%}.back-btn,.download-btn,.header-actions,.mobile-menu-toggle-top,.side-menu,.top-bar,aside,header{display:none!important}.result-header{border-bottom:1px solid #2d3748;margin-bottom:.5rem;padding-bottom:.25rem}.exam-marking-container,.independent-sections,.word-analysis-section{border:1px solid #cbd5e0;box-shadow:none;break-inside:avoid;margin-bottom:.5rem;page-break-inside:avoid}.independent-sections-grid{gap:.5rem}.info-card{border:1px solid #edf2f7;box-shadow:none!important;padding:.5rem}.info-card .card-fields .field-row{margin-bottom:.25rem}.info-card .label,.info-card .value{font-size:11px}.exam-table-wrapper{overflow:visible}.exam-results-table{font-size:10px;width:100%}.exam-results-table td,.exam-results-table th{padding:4px 6px}.analysis-text{font-size:11px;line-height:1.4}}.mistake-category-section{border-bottom:1px dashed #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.mistake-category-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mistake-list-title{color:#4a5568;font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.typing-comparison-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:1.5rem}.comparison-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.comparison-pane{display:flex;flex-direction:column;min-width:0}.comparison-pane h4{color:#4a5568;font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.comparison-text{word-wrap:break-word;background:#f8f9fa;border:1px solid #edf2f7;border-radius:8px;color:#2d3748;font-size:1.1rem;height:400px;line-height:1.6;overflow-y:auto;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}}.page-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:center;margin-bottom:25px;min-height:80px;padding-bottom:15px;position:relative}.page-header h1{color:#1e293b;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.categories-section h2,.dictations-section h2,.volumes-section h2{color:#334155;font-size:1.75rem;font-weight:600;margin-bottom:16px}.package-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:.95rem;gap:10px;letter-spacing:.01em;margin-bottom:20px;padding:14px 20px}.package-banner strong{font-weight:700}.category-image,.dictation-thumbnail,.volume-thumbnail{background-color:#f8fafc;display:block;height:220px;object-fit:cover;width:100%}.category-image{border-bottom:1px solid #f1f5f9;overflow:hidden}.category-image img{display:block;height:100%;object-fit:cover;width:100%}.dictation-thumbnail,.volume-thumbnail{border-bottom:1px solid #f1f5f9}.category-content,.volume-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.dictation-content{display:flex;flex-direction:column;flex-grow:1;padding:12px}.category-content{text-align:center}.category-description,.dictation-description,.volume-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:16px;overflow:hidden}.volume-pricing{margin-bottom:20px}.purchase-info{align-items:center}.days-left{background-color:#ffedd5;border-radius:8px;color:#ea580c;font-size:.95rem;font-weight:600;padding:6px 14px}.volume-actions{flex-wrap:wrap}.dictation-buttons button,.volume-actions button{border-radius:6px;font-size:.8rem;padding:8px 10px}.dictation-buttons button{width:100%}.btn-disabled{cursor:not-allowed!important;filter:grayscale(1);opacity:.5}.btn-view-details:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.btn-add-to-cart:before{content:"🛒";margin-right:6px}.btn-add-to-cart:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-owned{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140;color:#fff;cursor:not-allowed!important;opacity:.85}.btn-owned:before{content:"✓ ";font-weight:700}.btn-start:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.btn-leadership{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 10px #8b5cf633;color:#fff}.btn-leadership:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 15px #8b5cf64d;transform:translateY(-2px)}.btn-pdf{box-shadow:0 4px 10px #f43f5e33}.btn-pdf:hover{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 6px 15px #f43f5e4d;transform:translateY(-2px)}.dictation-info{border-radius:8px;margin-bottom:12px;padding:10px}.info-row{padding:10px 0}.info-row:last-child{padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{color:#475569;font-size:.9rem}.info-value{color:#0f172a;font-size:.95rem;font-weight:500}.error,.loading{color:#64748b;padding:60px 20px}.error{color:#ef4444}@media (max-width:768px){.english-steno-page{padding:24px 16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:32px}.page-header h1{font-size:1.75rem}.categories-grid,.dictations-grid,.volumes-grid{gap:20px;grid-template-columns:1fr}.dictation-buttons,.volume-actions{flex-direction:column}.dictation-buttons button,.volume-actions button{width:100%}.category-image,.dictation-thumbnail,.volume-thumbnail{height:180px}}.dictation-details-page{margin:0 auto;max-width:1200px;padding:20px}.details-header{margin-bottom:30px}.details-header h1{color:#2c3e50;font-size:2.5rem;margin:20px 0}.details-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-top:20px}.dictation-image{width:100%}.dictation-image img{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:auto;width:100%}.dictation-info{display:flex;flex-direction:column;gap:25px}.info-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.info-section h2{border-bottom:2px solid #3498db;color:#34495e;font-size:1.5rem;margin:0 0 15px;padding-bottom:10px}.info-section p{color:#7f8c8d;line-height:1.6;margin:0}.audio-player{margin-top:10px;width:100%}.matter-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;font-size:1rem;line-height:1.8;max-height:300px;overflow-y:auto;padding:15px}.action-buttons{margin-top:20px}.btn-start-practice{background-color:#e74c3c;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-start-practice:hover{background-color:#c0392b}@media (max-width:968px){.details-content{grid-template-columns:1fr}.dictation-image{margin:0 auto;max-width:400px}}@media (max-width:768px){.dictation-details-page{padding:15px}.details-header h1{font-size:2rem}.info-section{padding:15px}}.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{--primary-color:#2e7d32;--primary-light:#4caf50;--primary-dark:#1b5e20;--secondary-color:#2196f3;--accent-color:#ff9800;--bg-gradient:linear-gradient(135deg,#f5f7fa,#c3cfe2);--card-shadow:0 8px 30px #00000014;--card-shadow-hover:0 15px 45px #0000001f;--text-main:#2c3e50;--text-muted:#7f8c8d;--glass-bg:#ffffffd9;--glass-border:#ffffff4d}.dictationary-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);margin:0 auto;max-width:1200px;min-height:100vh;padding:60px 20px}.dictationary-header{animation:fadeInDown .8s ease-out;margin-bottom:50px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dictationary-header h1{color:#2c3e50;color:var(--text-main);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px}.dictationary-header p{color:#7f8c8d;color:var(--text-muted);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px}.category-selector{background:#eee;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;display:inline-flex;margin-bottom:30px;padding:5px}.category-btn{background:#0000;border:none;border-radius:10px;color:#7f8c8d;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 35px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn.active{background:#fff;box-shadow:0 4px 12px #0000001a;color:#2e7d32;color:var(--primary-color);transform:scale(1.02)}.search-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);margin-bottom:40px;padding:40px;transition:transform .3s ease}.search-section:hover{transform:translateY(-5px)}.search-box{align-items:center;display:flex;gap:15px;margin-bottom:25px;position:relative}.search-input{background:#fff;border:2px solid #e0e6ed;border-radius:16px;box-shadow:0 4px 6px #00000005;flex:1 1;font-size:1.2rem;outline:none;padding:18px 25px;transition:all .3s ease}.search-input:focus{border-color:#4caf50;border-color:var(--primary-light);box-shadow:0 0 0 4px #4caf5026;transform:translateY(-1px)}.search-loading{color:#2e7d32;color:var(--primary-color);font-size:.9rem;font-weight:600;position:absolute;right:25px}.action-buttons{flex-wrap:wrap;gap:15px}.btn-upload-inline{background:linear-gradient(135deg,#2e7d32,#1b5e20);border:none;border-radius:12px;box-shadow:0 4px 15px #2e7d324d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:20px auto 0;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-upload-inline:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 8px 25px #2e7d3266;transform:translateY(-2px)}.btn-admin-panel,.btn-my-submissions,.btn-upload{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-upload{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 4px 15px #2e7d324d;color:#fff}.btn-upload:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 8px 25px #2e7d3266;transform:translateY(-2px)}.btn-my-submissions{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 15px #2196f34d;color:#fff}.btn-my-submissions:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);box-shadow:0 8px 25px #2196f366;transform:translateY(-2px)}.btn-admin-panel{background:linear-gradient(135deg,#ff9800,#ef6c00);box-shadow:0 4px 15px #ff98004d;color:#fff}.btn-admin-panel:hover{background:linear-gradient(135deg,#ffb74d,#ff9800);box-shadow:0 8px 25px #ff980066;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006}.modal-content{animation:slideUp .4s cubic-bezier(.165,.84,.44,1);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;position:relative}.btn-close-modal{align-items:center;background:#f1f3f5;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.btn-close-modal:hover{background:#e9ecef;color:#212529;transform:rotate(90deg)}.results-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.result-item{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);overflow:hidden;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.result-item:hover{box-shadow:0 15px 45px #0000001f;box-shadow:var(--card-shadow-hover);transform:translateY(-12px) scale(1.02)}.result-word{background:#fcfcfc;border-bottom:1px solid #f0f0f0;color:#2c3e50;color:var(--text-main);font-size:1.5rem;font-weight:800;padding:25px 20px;text-align:center}.result-image{aspect-ratio:4/3;background:#f8f9fa;overflow:hidden;position:relative;width:100%}.result-image img{height:100%;object-fit:contain;padding:15px;transition:transform .5s ease;width:100%}.result-item:hover .result-image img{transform:scale(1.08)}.upload-form{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);padding:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-form h3{color:#2c3e50;color:var(--text-main);font-size:1.8rem;font-weight:800;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group label{color:#7f8c8d;color:var(--text-muted);font-size:.9rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.form-group input[type=text],.form-group select{background:#f9fbfe;border:2px solid #edeff2;border-radius:12px;padding:14px 18px;transition:all .3s ease}.form-group input[type=text]:focus{background:#fff;border-color:#4caf50;border-color:var(--primary-light)}.btn-submit{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:12px;box-shadow:0 4px 15px #2e7d324d;font-size:1.1rem;font-weight:700;margin-top:10px;padding:16px;transition:all .3s}.btn-submit:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 8px 25px #2e7d3266;transform:translateY(-2px)}.submission-item{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);padding:20px}.submission-status{border-radius:8px;font-size:.8rem;letter-spacing:.5px;padding:6px 14px}.status-pending{background:#fff8e1;color:#ffa000}.status-approved{background:#e8f5e9;color:#2e7d32}.status-rejected{background:#ffebee;color:#c62828}@media (max-width:768px){.dictationary-header h1{font-size:2.2rem}.search-section{padding:25px}.action-buttons{flex-direction:column}.btn-admin-panel,.btn-my-submissions,.btn-upload{justify-content:center}.results-grid{grid-template-columns:1fr}}.no-results{background:#ffffffd9;background:var(--glass-bg);border:2px dashed #e0e6ed;border-radius:24px;padding:60px}.no-results p{font-size:1.4rem;margin-bottom:25px}.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{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:40px;width:100%}.admin-login-card h2{color:#2c3e50;font-size:28px;margin-bottom:10px;text-align:center}.admin-login-subtitle{color:#7f8c8d;font-size:14px;margin-bottom:30px;text-align:center}.error-message{font-size:14px;margin-bottom:20px}.admin-login-form{gap:20px}.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:12px;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:14px;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}@font-face{font-family:KrutiDev;src:url(/static/media/KrutiDev.43ac419a0f7f6d8c7a67.ttf) format("truetype")}.admin-content-wrapper{min-height:calc(100vh - 100px)}.admin-content-wrapper,.admin-page{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.admin-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.admin-header-section h1{color:#2c3e50;font-size:22px;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}.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:22px;margin:0 0 15px}.table-container{overflow-x:auto}.admin-table th{padding:12px}.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-cancel,.btn-create,.btn-delete,.btn-edit,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px;transition:background-color .3s ease}.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;margin-bottom:20px;padding:10px 20px}.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:30px;width:90%}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.action-buttons{gap:8px}.btn-view{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.btn-view:hover{background-color:#2980b9}.btn-block{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.btn-block:hover{background-color:#c0392b}.btn-unblock{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.btn-unblock:hover{background-color:#229954}.btn-delete{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.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:20px}.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:20px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.profile-details{display:flex;flex-direction:column;gap:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:10px 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{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.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:18px;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:15px}.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:14px;min-width:100%;width:100%}.admin-table thead{background-color:#34495e;color:#fff}.admin-table th{font-weight:600;padding:15px 12px;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:12px}.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:20px;padding:15px 0}.pagination-info{color:#7f8c8d;font-size:14px}.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:14px;height:36px;justify-content:center;min-width:36px;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:20px}.admin-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-orders-header h2{color:#333;font-size:24px;margin:0}.btn-refresh{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .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:14px 16px}.admin-orders-table td{border-bottom:1px solid #eee;color:#444;padding:14px 16px}.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:20px}.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:14px}.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 8px}.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:250px;z-index:1000}.admin-header{border-bottom:1px solid #34495e;padding:20px}.admin-header h2{font-size:24px;margin:0 0 15px}.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:16px;padding:15px 20px;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:250px;min-height:100vh;padding:30px;position:relative;width:calc(100% - 250px)}@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}}.exam-container{margin:0 auto;max-width:1200px;padding:40px 20px}.exam-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:30px}.modern-exam-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-exam-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.card-tag{background:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:20px 20px 10px;padding:5px 12px;text-transform:uppercase}.exam-title{color:#1e293b;font-size:1.5rem;line-height:1.2;margin:0 20px 10px}.exam-date{color:#64748b;font-size:.85rem;margin:0 20px 15px}.exam-desc{color:#475569;font-size:.95rem;height:auto;line-height:1.6;margin-bottom:25px;padding:0 20px}.exam-details-grid{grid-gap:10px;background:#f8fafc;border-top:1px solid #f1f5f9;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px 20px}.detail-item{display:flex;flex-direction:column}.detail-item .label{color:#94a3b8;font-size:.7rem;font-weight:600;margin-bottom:2px;text-transform:uppercase}.detail-item .value{color:#1e293b;font-size:.9rem;font-weight:700}.exam-actions{display:flex;gap:12px;padding:20px}.gradient-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s}.gradient-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:scale(1.02)}.outlined-btn{background:#fff;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:all .2s}.outlined-btn:hover{background:#eff6ff}.no-exams-card{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;color:#64748b;font-size:1.1rem;padding:60px;text-align:center}.exam-interface{background:#f8f9fa;display:flex;flex-direction:column;height:calc(100vh - 80px)}.exam-header{align-items:center;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:10px 20px}.timer{background:#ffebee;border-radius:4px;color:#d32f2f;font-size:1.2em;font-weight:700;padding:5px 10px}.exam-body{display:flex;flex:1 1;overflow:hidden}.question-area{flex:3 1;margin:10px;overflow-y:auto;padding:20px}.question-area,.sidebar{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.sidebar{display:flex;flex:1 1;flex-direction:column;margin:10px 10px 10px 0;max-width:300px;padding:15px}.palette-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));margin-top:10px;overflow-y:auto}.palette-item{align-items:center;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;font-size:.9em;height:35px;justify-content:center;width:35px}.palette-item.active{border:2px solid #2563eb}.palette-item.answered{background-color:#4caf50;border-color:#4caf50;color:#fff}.palette-item.visited{background-color:#e53935;border-color:#e53935;color:#fff}.palette-item.review{background-color:#ff9800;border-color:#ff9800;color:#fff}.option-item{align-items:flex-start;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;margin-bottom:8px;padding:10px}.option-item:hover{background-color:#f0f7ff}.option-item input{margin-right:10px;margin-top:4px}.exam-controls{background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.btn-control{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px}.btn-primary{background:#2563eb;border-color:#2563eb}.btn-submit{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;width:100%}.instructions-container,.result-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:800px;padding:40px;text-align:center}.section-divider{background:#2563eb;border-radius:2px;height:4px;margin-bottom:30px;width:60px}.language-section{background:#fdfdfd;border:1px dashed #ddd;border-radius:12px;padding:20px}.language-title{border-left:5px solid #2563eb;color:#333;font-size:1.4rem;margin-bottom:15px;padding-left:12px}.typing-card h3{color:#1a202c;font-size:1.1rem;margin:0 0 10px}.typing-card .exam-details{margin-bottom:15px}.typing-card{border-top:4px solid #2563eb}.result-dashboard{background:#f8fafc;border-radius:16px;margin:20px auto;max-width:1000px;min-height:80vh;padding:20px}.result-header-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:25px;padding:30px;text-align:center}.result-header-card h1{color:#1e293b;font-size:24px;margin-bottom:20px}.main-score-circle{align-items:center;border:8px solid #3b82f6;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.score-val{color:#1e293b;font-size:28px;font-weight:800}.score-lbl{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.overall-summary-row{grid-gap:15px;border-top:1px solid #f1f5f9;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px;padding-top:20px}.summary-item{display:flex;flex-direction:column}.summary-lbl{color:#64748b;font-size:12px;margin-bottom:4px}.summary-val{color:#334155;font-size:18px;font-weight:700}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-info{color:#3b82f6!important}.result-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:8px}.result-tabs button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.result-tabs button.active{background:#3b82f6;color:#fff}.btn-download{background:#1e293b!important;color:#fff!important;margin-left:auto}.tab-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:25px}.section-title{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.subject-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.subject-stat-card{background:#fafafa;border:1px solid #f1f5f9;border-radius:12px;padding:20px}.sub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sub-header h4{color:#334155;font-size:15px;margin:0}.sub-perc{color:#3b82f6;font-weight:700}.stat-bar-bg{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%}.sub-details{color:#64748b;display:flex;font-size:12px;font-weight:500;justify-content:space-between}.improvement-section{background:#fff8f1;border:1px solid #ffedd5;border-radius:12px;margin-top:30px;padding:20px}.improvement-content ul{padding-left:20px}.improvement-content li{color:#9a3412;font-size:14px;margin-bottom:10px}.table-wrapper{overflow-x:auto}.leaderboard-table,.result-table{border-collapse:collapse;margin-top:10px;width:100%}.leaderboard-table th,.result-table th{background:#f8fafc;border-bottom:2px solid #f1f5f9;color:#475569;font-size:13px;font-weight:600;padding:12px 15px;text-align:left}.leaderboard-table td,.result-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:12px 15px}.badge-err,.badge-ok,.badge-skip{border-radius:50px;font-size:11px;font-weight:600;padding:4px 10px}.badge-ok{background:#d1fae5;color:#065f46}.badge-skip{background:#f1f5f9;color:#475569}.badge-err{background:#fee2e2;color:#991b1b}.top-rank{background:#fdf4ff!important;font-weight:600}.result-footer{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.btn-back-exams{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px}.disclaimer{color:#94a3b8;font-size:11px}.detailed-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-pill{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;padding:15px;transition:all .2s}.stat-pill:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.pill-label{color:#94a3b8;font-size:.75rem;font-weight:700;margin-bottom:5px;text-transform:uppercase}.pill-value{color:#1e293b;font-size:1.25rem;font-weight:800}.stat-pill.text-success{background:#ecfdf5;border-color:#d1fae5;color:#059669}.stat-pill.text-success .pill-value{color:#059669}.stat-pill.text-danger{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.stat-pill.text-danger .pill-value{color:#dc2626}.stat-pill.text-info{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.stat-pill.text-info .pill-value{color:#2563eb}.stat-pill.highlight-pill{background:linear-gradient(135deg,#1e293b,#334155);border:none;color:#fff}.stat-pill.highlight-pill .pill-label{color:#ffffffb3}.stat-pill.highlight-pill .pill-value{color:#fff}@media print{body *{visibility:hidden}.result-dashboard,.result-dashboard *{visibility:visible}.result-dashboard{background:#fff!important;left:0!important;margin:0!important;padding:20px!important;position:absolute!important;top:0!important;width:100%!important}.btn-back-exams,.btn-download,.exam-controls,.exam-header,.result-footer,.result-tabs{display:none!important}.tab-content{box-shadow:none!important;display:block!important;padding:0!important}.analysis-view,.leaderboard-view,.review-view{display:block!important;page-break-after:always}}.typing-full-interface{background:#f0f2f5;display:flex;height:calc(100vh - 80px);overflow:hidden}.typing-main-section{display:flex;flex:1 1;flex-direction:column;gap:15px;max-width:calc(100% - 300px);padding:20px}.glass-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;padding:12px 25px}.glass-header h3{color:#1a202c;font-size:1.2rem;margin:0}.timer-badge{align-items:center;background:#ebf4ff;border-radius:20px;color:#2b6cb0;display:flex;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;gap:8px;padding:8px 15px}.header-actions{display:flex;gap:10px}.btn-finish,.btn-pause{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 18px;transition:all .2s}.btn-pause{background:#e2e8f0;color:#4a5568}.btn-pause.paused{background:#48bb78;color:#fff}.btn-finish{background:#2563eb;color:#fff}.btn-finish:hover{background:#1d4ed8}.matter-display{background:#fff;border:1px solid #e2e8f0;border-radius:15px;color:#4a5568;font-size:1.3rem;height:35%;line-height:1.8;overflow-y:auto;padding:25px}.matter-display.no-scrollbar::-webkit-scrollbar{display:none}.matter-display.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.word{display:inline-block;padding:0 1px;white-space:pre-wrap}.word.active{background:#fff59d;border-radius:3px;color:#5d4037}.char-active{background:#ffd600;border-radius:2px;color:#000}.word.correct{color:inherit}.word.incorrect{color:inherit;text-decoration:none}.typing-input{background:#fff;border:2px solid #e2e8f0;border-radius:15px;color:#2d3748;flex:1 1;font-size:1.3rem;line-height:1.8;outline:none;padding:25px;resize:none;transition:border-color .2s}.typing-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.typing-input:disabled{background:#edf2f7;cursor:not-allowed}.typing-settings-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;width:300px}.settings-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1a202c;display:flex;flex-shrink:0;font-weight:700;gap:10px;padding:20px}.settings-content{align-items:stretch!important;display:flex;flex:1 1;flex-direction:column;gap:25px;justify-content:flex-start!important;overflow-y:auto;padding:30px 20px}.settings-group:first-child{margin-top:5px}.settings-group{display:flex;flex-direction:column;gap:10px}.group-title{color:#718096;display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.toggle-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between}.toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:40px}.radio-group{background:#f1f5f9;border-radius:8px;display:flex;gap:2px;padding:4px}.radio-group button{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;padding:6px;transition:all .2s}.radio-group button.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#2563eb}.radio-group.stacked{background:#0000;flex-direction:column;gap:8px;padding:0}.radio-group.stacked button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-weight:500;padding:12px 15px;text-align:left}.radio-group.stacked button.active{background:#ebf4ff;border-color:#2563eb;color:#2563eb}.number-input,.select-input{border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;outline:none;padding:8px}.number-input:focus,.select-input:focus{border-color:#2563eb}.highlight-text{color:#2563eb;font-size:2.5rem!important;font-weight:800}.settings-footer{border-top:1px solid #e2e8f0;padding:15px 20px}.settings-locked{opacity:.7;position:relative}.settings-lock-hint{align-items:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:20px;padding:10px}.settings-locked button:disabled,.settings-locked input:disabled,.settings-locked select:disabled{cursor:not-allowed;filter:grayscale(.5)}@media (max-width:1024px){.typing-full-interface{max-width:100%}.typing-main-section{max-width:calc(100% - 250px)}.typing-settings-panel{width:250px}}@media (max-width:850px){.typing-full-interface{flex-direction:column;height:auto;overflow-y:visible}.typing-main-section{flex:none;height:auto;max-width:100%;padding:15px}.matter-display{height:250px;min-height:200px}.typing-input{margin-top:10px;min-height:200px}.typing-settings-panel{border-left:none;border-top:1px solid #e2e8f0;height:auto;width:100%}.settings-content{overflow-y:visible;padding-bottom:50px}}@media (max-width:600px){.glass-header{border-radius:12px;flex-direction:column;gap:15px;padding:15px;text-align:center}.glass-header h3{font-size:1.1rem}.timer-badge{margin:0 auto;width:-webkit-fit-content;width:fit-content}.header-actions{gap:8px;justify-content:center;width:100%}.btn-finish,.btn-pause{flex:1 1;font-size:.9rem;padding:10px}.typing-main-section{padding:10px}.matter-display,.typing-input{font-size:1.1rem!important;padding:15px}}:root{--primary-corp:#0f172a;--secondary-corp:#334155;--accent-corp:#2563eb;--text-main:#1e293b;--text-muted:#64748b;--bg-soft:#f8fafc;--success-corp:#059669;--border-corp:#e2e8f0}.packages-container{background:#fff;color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,system-ui,sans-serif;margin:0 auto;max-width:1200px;padding:80px 20px}.packages-header{margin-bottom:60px;text-align:center}.packages-header h1{color:#0f172a;color:var(--primary-corp);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.packages-header p{color:#64748b;color:var(--text-muted);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px}.subscription-card-wrapper{margin-bottom:100px}.language-selector{background:#f8fafc;background:var(--bg-soft);border:1px solid #e2e8f0;border:1px solid var(--border-corp);border-radius:14px;display:inline-flex;left:50%;margin-bottom:40px;padding:6px;position:relative;transform:translateX(-50%)}.lang-btn{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 32px;transition:all .2s ease}.lang-btn.active{background:#fff;box-shadow:0 4px 12px #0000000d,0 1px 3px #0000001a;color:#0f172a;color:var(--primary-corp)}.main-subscription-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-corp);border-radius:24px;box-shadow:0 20px 40px #0f172a0d,0 1px 3px #00000005;display:flex;min-height:550px;overflow:hidden}.card-left{background:#fff;display:flex;flex:1.3 1;flex-direction:column;padding:60px}.plan-badge{align-items:center;background:#eff6ff;border-radius:100px;color:#2563eb;color:var(--accent-corp);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:24px;padding:6px 16px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.card-left h2{color:#0f172a;color:var(--primary-corp);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.plan-desc{color:#64748b;color:var(--text-muted);font-size:1.15rem;line-height:1.7;margin-bottom:48px}.features-grid{grid-gap:20px;display:grid;gap:20px;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:#334155;color:var(--secondary-corp);display:flex;font-size:1rem;font-weight:500;gap:12px;margin-bottom:20px}.plan-features li span{color:#059669;color:var(--success-corp);font-size:1.1rem;font-weight:900;margin-top:-2px}.current-status{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;display:flex;justify-content:space-between;margin-top:40px;padding:24px}.status-info{display:flex;flex-direction:column;gap:4px}.status-label{color:#059669;color:var(--success-corp);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.expiry-info{color:#166534;font-size:1rem;font-weight:600}.status-icon{background:#059669;background:var(--success-corp);color:#fff;font-weight:900;height:32px;width:32px}.card-right{background:#f8fafc;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-corp);flex:0.8 1;padding:60px}.card-right,.price-section{display:flex;flex-direction:column}.price-section{gap:32px;margin-bottom:48px}.price-section label{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tenure-options{display:flex;flex-wrap:wrap;gap:12px}.tenure-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-corp);border-radius:8px;color:#0f172a;color:var(--primary-corp);cursor:pointer;font-size:.9rem;font-weight:600;height:44px;min-width:64px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tenure-btn:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--accent-corp);color:#2563eb;color:var(--accent-corp)}.tenure-btn.selected{background:#0f172a;background:var(--primary-corp);border-color:#0f172a;border-color:var(--primary-corp);box-shadow:0 4px 12px #0f172a26;color:#fff}.price-display-wrapper{display:flex;flex-direction:column;gap:8px}.price-display{align-items:baseline;display:flex;gap:6px}.price-display .currency{color:#0f172a;color:var(--primary-corp);font-size:1.75rem;font-weight:600}.price-display .amount{color:#0f172a;color:var(--primary-corp);font-size:4.5rem;font-weight:800;letter-spacing:-3px;line-height:1}.price-display .duration{color:#64748b;color:var(--text-muted);font-size:1.1rem;font-weight:500}.savings-tag{background:#ecfdf5;border:1px solid #0596691a;border-radius:6px;color:#059669;color:var(--success-corp);font-size:.85rem;font-weight:700;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.action-buttons{display:flex;flex-direction:column;gap:12px}.buy-now-btn{align-items:center;background:#2563eb;background:var(--accent-corp);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:60px;justify-content:center;transition:all .2s ease;width:100%}.buy-now-btn:hover{background:#1d4ed8;box-shadow:0 10px 25px -5px #2563eb66;transform:translateY(-2px)}.add-to-cart-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-corp);border-radius:12px;color:#0f172a;color:var(--primary-corp);cursor:pointer;font-size:1rem;font-weight:600;height:54px;transition:all .2s;width:100%}.add-to-cart-btn:hover{background:#f8fafc;background:var(--bg-soft);border-color:#0f172a;border-color:var(--primary-corp)}.secure-text{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.75rem;gap:6px;justify-content:center;margin-top:24px;text-align:center}.faq-section{margin-top:40px}.faq-section h2{color:#0f172a;color:var(--primary-corp);font-size:2.25rem;font-weight:800;margin-bottom:60px}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-corp);border-radius:20px;padding:40px;transition:all .3s ease}.faq-item:hover{border-color:#2563eb;border-color:var(--accent-corp);box-shadow:0 10px 30px #0f172a08}.faq-item h3{color:#0f172a;color:var(--primary-corp);font-size:1.2rem;font-weight:700;margin-bottom:16px}.faq-item p{color:#64748b;color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0}.packages-loading-container{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;height:60vh;justify-content:center}.loader{animation:rotation 1s linear infinite;border:3px solid #f8fafc;border-bottom-color:#2563eb;border:3px solid var(--bg-soft);border-bottom-color:var(--accent-corp);border-radius:50%;height:40px;margin-bottom:20px;width:40px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.main-subscription-card{flex-direction:column}.card-right{border-left:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-corp)}}@media (max-width:768px){.packages-header h1{font-size:2.5rem}.card-left,.card-right{padding:40px 24px}.price-display .amount{font-size:3.5rem}.features-grid{grid-template-columns:1fr}}.english-steno-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1400px;padding:0 10px 20px}.course-class-page .page-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:center;margin-bottom:25px;min-height:80px;padding-bottom:15px;position:relative}.centered-title,.page-header h1{color:#1e293b;font-size:2.2rem!important;font-weight:800!important;letter-spacing:-.025em;margin:0!important;text-align:center}.header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}.back-button-right{align-items:center;background:linear-gradient(135deg,#fff,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:100px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button-right:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateX(-3px)}.categories-grid,.volumes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:16px}.dictations-grid{grid-gap:15px;display:grid!important;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:16px}@media (max-width:992px){.dictations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dictations-grid{grid-template-columns:1fr}}.category-card,.dictation-card,.volume-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;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.category-card:hover,.dictation-card:hover,.volume-card:hover{box-shadow:0 12px 24px -8px #0000001a,0 4px 10px -4px #0000000d;transform:translateY(-4px)}.category-card{cursor:pointer}.category-image,.volume-thumbnail{background-color:#f8fafc;border-bottom:1px solid #f1f5f9;display:block;height:220px;object-fit:cover;width:100%}.category-content,.dictation-content,.volume-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.dictation-content{padding:16px}.category-content h3,.dictation-content h3,.volume-content h3{color:#0f172a;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 10px}.category-description,.volume-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:16px;overflow:hidden}.volume-dictation-count{align-self:flex-start;background-color:#e0f2fe;border-radius:20px;color:#0284c7;display:inline-flex;font-size:.85rem;font-weight:600;margin-bottom:20px;padding:6px 14px}.volume-price{color:#10b981;font-size:1.4rem;font-weight:800}.volume-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:20px}.dictation-buttons,.volume-actions{display:flex;gap:8px;width:100%}.dictation-buttons{flex-direction:column}.dictation-buttons button,.volume-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;justify-content:center;letter-spacing:.01em;padding:10px 12px;transition:all .2s ease}.btn-view-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;color:#1e293b}.btn-add-to-cart{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b98133;color:#fff}.btn-pdf{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.btn-owned{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.dictation-info{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:15px;padding:12px}.info-row{border-bottom:1px dashed #cbd5e1;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-size:.85rem;font-weight:600}.info-value{color:#1e293b;font-size:.9rem;font-weight:600}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;color:#64748b;font-size:1.15rem;padding:60px 20px;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}