*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,sans-serif;line-height:1.6;color:#111827;overflow-x:hidden}.navbar{background:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid #f3f4f6}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px}.navbar-logo-image{width:40px;height:40px;object-fit:contain}.bamboo-stalk:nth-child(1){height:20px}.bamboo-stalk:nth-child(2){height:26px}.bamboo-stalk:nth-child(3){height:18px}.logo-text{font-size:1.5rem;font-weight:600;color:#111827}.mobile-menu-btn{background:none;border:none;font-size:1.5rem;color:#111827;cursor:pointer;padding:.5rem}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.menu-item{background:none;border:none;padding:.75rem;text-align:left;font-size:1rem;color:#374151;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.menu-item:hover{background:#f9fafb}.hero-section{background:#fff;padding:8rem 1.5rem 4rem;text-align:center}.hero-container{max-width:600px;margin:0 auto}.hero-title{font-size:2.25rem;font-weight:800;color:#111827;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:2.5rem}.download-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;max-width:280px;margin-left:auto;margin-right:auto}.btn-appstore,.btn-googleplay{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.btn-appstore{background:#000;color:#fff}.btn-appstore:hover{background:#1f1f1f;transform:translateY(-2px)}.btn-googleplay{background:#fff;color:#111827;border:1px solid #d1d5db}.btn-googleplay:hover{background:#f9fafb;transform:translateY(-2px)}.btn-appstore.white,.btn-googleplay.white{background:#fff;color:#111827;border:1px solid rgba(255,255,255,.3)}.store-icon{font-size:1.5rem}.store-text{display:flex;flex-direction:column}.store-subtitle{font-size:.75rem;opacity:.8}.store-title{font-size:1rem;font-weight:600}.hero-mockup{margin-top:2rem}.iphone-mockup{width:280px;height:560px;background:#1f2937;border-radius:40px;padding:20px;margin:0 auto;box-shadow:0 25px 50px -12px #00000040}.iphone-screen{width:100%;height:100%;background:#fff;border-radius:30px;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.exam-result h3{font-size:1.125rem;color:#374151;margin-bottom:2rem;text-align:center}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.score-number{font-size:2.5rem;font-weight:800}.score-grade{font-size:1rem;font-weight:500}.social-proof{background:#fff;padding:3rem 1.5rem;text-align:center}.social-container{max-width:600px;margin:0 auto}.social-text{color:#6b7280;margin-bottom:2rem;font-size:.9rem}.university-logos{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.university-logo{font-size:2rem;opacity:.6;filter:grayscale(100%);transition:all .3s ease}.university-logo:hover{opacity:1;filter:grayscale(0%)}.how-it-works{background:#f9fafb;padding:4rem 1.5rem}.section-container{max-width:1000px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#111827}.step{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;align-items:center}.step-content{text-align:center;max-width:400px}.step-number{font-size:3rem;font-weight:800;color:#10b981;margin-bottom:1rem}.step-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.step-description{font-size:1rem;color:#6b7280;line-height:1.6}.step-mockup{flex-shrink:0}.mini-iphone{width:180px;height:360px;background:#1f2937;border-radius:30px;padding:15px;box-shadow:0 20px 25px -5px #0000001a}.upload-screen,.processing-screen,.results-screen{width:100%;height:100%;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;text-align:center}.upload-icon,.processing-icon{font-size:3rem;margin-bottom:.5rem}.processing-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mini-score{font-size:2rem;font-weight:800;color:#10b981}.benefits{background:#fff;padding:4rem 1.5rem}.benefits-grid{display:flex;flex-direction:column;gap:2.5rem;max-width:600px;margin:0 auto}.benefit-card{text-align:center;padding:2rem 1.5rem}.benefit-icon{font-size:3rem;color:#10b981;margin-bottom:1.5rem}.benefit-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.benefit-description{color:#6b7280;line-height:1.6}.pricing{background:#f9fafb;padding:4rem 1.5rem}.pricing-cards{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto;margin-top:3rem}.pricing-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;position:relative;border:2px solid #e5e7eb;transition:all .3s ease}.pro-card{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff);transform:scale(1.02)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.plan-subtitle{color:#6b7280;margin-bottom:1.5rem}.plan-features{list-style:none;margin-bottom:2rem;text-align:left}.plan-features li{padding:.5rem 0;color:#374151;display:flex;align-items:center;gap:.5rem}.check-icon{color:#10b981;font-size:.875rem}.plan-price{margin-bottom:1.5rem}.price-main{font-size:2rem;font-weight:800;color:#111827;display:block}.price-annual{font-size:.875rem;color:#6b7280;display:block;margin-top:.25rem}.cta-button{width:100%;padding:1rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.cta-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b98166}.final-cta{background:linear-gradient(135deg,#10b981,#059669);padding:4rem 1.5rem;text-align:center;color:#fff}.cta-container{max-width:600px;margin:0 auto}.cta-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9}.cta-buttons{display:flex;flex-direction:column;gap:1rem;max-width:280px;margin:0 auto}.footer{background:#fff;padding:3rem 1.5rem 2rem;text-align:center}.footer-container{max-width:600px;margin:0 auto}.footer-logo{margin-bottom:2rem}.footer-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.footer-link{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#10b981}.footer-copyright{color:#9ca3af;font-size:.875rem;border-top:1px solid #f3f4f6;padding-top:2rem}@media (min-width: 768px){.hero-title{font-size:3rem}.download-buttons{flex-direction:row;max-width:560px}.step{flex-direction:row;text-align:left}.step-2{flex-direction:row-reverse}.step-content{text-align:left}.benefits-grid{flex-direction:row;max-width:1000px}.pricing-cards{flex-direction:row;max-width:800px}.cta-buttons{flex-direction:row;max-width:560px}.footer-links{flex-direction:row;justify-content:center}}@media (min-width: 1024px){.hero-title{font-size:3.5rem}.section-title{font-size:2.5rem}}.modern-login-page{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modern-login-container{width:100%;max-width:400px;text-align:center}.bamboost-logo{margin:0 auto 2rem;width:100px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-image{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(34,197,94,.2));margin-bottom:.5rem}.app-name{font-size:1.5rem;font-weight:700;color:#22c55e;margin:0;letter-spacing:-.025em}.welcome-header{margin-bottom:2.5rem}.welcome-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2}.welcome-header .subtitle{font-size:.95rem;color:#6b7280;margin:0;line-height:1.4}.modern-google-button{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.modern-google-button:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.modern-google-button:disabled{opacity:.5;cursor:not-allowed}.modern-google-button .google-icon{font-size:1.1rem;color:#4285f4}.modern-divider{margin:2rem 0;text-align:center}.modern-divider span{font-size:.875rem;color:#9ca3af;font-weight:400}.modern-form{text-align:left}.modern-input-group{margin-bottom:1rem;position:relative}.modern-input{width:100%;padding:1rem;border:none;border-radius:12px;background:#f3f4f6;font-size:1rem;color:#111827;transition:all .2s ease;box-sizing:border-box}.modern-input::placeholder{color:#9ca3af}.modern-input:focus{outline:none;background:#e5e7eb;box-shadow:0 0 0 2px #22c55e1a}.password-group{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#6b7280}.forgot-password{text-align:center;margin-bottom:1.5rem}.forgot-link{color:#22c55e;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.forgot-link:hover{color:#16a34a}.modern-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center;border:1px solid #fecaca}.modern-submit-button{width:100%;padding:1rem;background:#22c55e;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:2rem}.modern-submit-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.modern-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-switch{text-align:center;font-size:.875rem;color:#6b7280}.auth-link{background:none;border:none;color:#22c55e;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#16a34a}@media (max-width: 480px){.modern-login-page{padding:.5rem}.bamboost-logo{width:80px;margin-bottom:1rem}.logo-image{width:80px;height:80px}.app-name{font-size:1.25rem}.welcome-header{margin-bottom:1.5rem}.welcome-header h1{font-size:1.25rem}.welcome-header .subtitle{font-size:.875rem}.modern-input,.modern-google-button,.modern-submit-button{padding:.75rem}.modern-login-container{padding:1.5rem}}.onboarding-container{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width: 768px){.onboarding-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;max-height:100vh}.onboarding-container>div{opacity:1!important;visibility:visible!important;transform:none!important}}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:20px;position:relative}.onboarding-back-button{background:none;border:none;font-size:18px;color:#374151;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.onboarding-back-button:hover{background:#f3f4f6}.onboarding-progress-bar{position:absolute;left:50%;transform:translate(-50%);width:120px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.onboarding-progress-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:2px;transition:width .5s ease}.skip-button{background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;font-weight:500;padding:8px 12px;border-radius:8px;transition:all .2s ease}.skip-button:hover{background:#f3f4f6;color:#6b7280}.onboarding-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;max-width:400px;margin:0 auto}.hero-illustration{display:flex;align-items:center;justify-content:center;margin-bottom:60px;gap:20px;flex-wrap:wrap}.onboarding-hero-image{max-width:320px;width:100%;height:auto}.books-messy{position:relative;width:80px;height:60px}.book{position:absolute;width:16px;height:20px;background:#d1d5db;border-radius:2px;border:1px solid #9ca3af}.book-1{top:0;left:10px;transform:rotate(-15deg);z-index:4}.book-2{top:5px;left:25px;transform:rotate(10deg);z-index:3}.book-3{top:15px;left:5px;transform:rotate(-25deg);z-index:2}.book-4{top:20px;left:35px;transform:rotate(20deg);z-index:1}.transformation-arrow{font-size:24px;color:#9ca3af;margin:0 10px}.funnel-container{position:relative}.funnel{width:60px;height:60px;background:linear-gradient(135deg,#22c55e,#16a34a);clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);border-radius:8px;position:relative}.funnel-sparkles{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sparkle{position:absolute;width:4px;height:4px;background:#22c55e;border-radius:50%;animation:sparkleFloat 2s ease-in-out infinite}.sparkle:nth-child(1){left:-15px;animation-delay:0s}.sparkle:nth-child(2){left:0;animation-delay:.5s}.sparkle:nth-child(3){left:15px;animation-delay:1s}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-15px)}}.organized-docs{position:relative;display:flex;gap:8px;align-items:flex-end}.doc-stack{width:20px;height:30px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:3px;position:relative}.doc-stack:after{content:"";position:absolute;top:4px;left:3px;right:3px;height:2px;background:#ffffff4d;border-radius:1px}.stack-2{height:25px}.rocket{position:absolute;top:-20px;right:-10px;font-size:20px;color:#22c55e;animation:rocketFloat 3s ease-in-out infinite}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-10px) rotate(-10deg)}}.welcome-content{margin-bottom:60px}.welcome-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 16px;line-height:1.2}.welcome-subtitle{font-size:16px;color:#6b7280;line-height:1.5;margin:0}.start-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:16px;padding:18px 48px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #22c55e4d}.start-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #22c55e66}.onboarding-content{flex:1;padding:20px;max-width:400px;margin:0 auto;width:100%}.question-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 40px;line-height:1.3;text-align:center}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.profile-card{background:#f9fafb;border:2px solid transparent;border-radius:16px;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;aspect-ratio:1}.profile-card:hover{background:#f3f4f6;transform:translateY(-2px)}.profile-card.selected{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.profile-icon{font-size:32px;color:#22c55e;margin-bottom:8px}.profile-label{font-size:16px;font-weight:600;color:#374151;text-align:center}.objective-list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.objective-item{background:#f9fafb;border:2px solid transparent;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;width:100%}.objective-item:hover{background:#f3f4f6;transform:translateY(-1px)}.objective-item.selected{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.objective-content{display:flex;align-items:center;gap:16px}.objective-icon{font-size:20px;color:#22c55e}.objective-label{font-size:16px;font-weight:500;color:#374151}.check-icon{font-size:16px;color:#22c55e;background:#dcfce7;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.difficulty-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:60px;justify-content:center}.difficulty-chip{background:#f3f4f6;border:2px solid transparent;border-radius:24px;padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.difficulty-chip:hover{background:#e5e7eb;transform:translateY(-1px)}.difficulty-chip.selected{background:#22c55e;color:#fff;border-color:#16a34a}.finalize-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:16px;padding:18px 32px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #22c55e4d;width:100%}.finalize-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #22c55e66}.finalize-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-content-ios{display:flex;justify-content:center;align-items:center;flex:0;height:200px;margin-bottom:20px}.loading-container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:0}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-image-container{position:relative;width:120px;height:120px;margin:0 auto}.loading-spinner{width:100%;height:100%;border:3px solid rgba(34,197,94,.2);border-top:3px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite}.bamboost-loader{margin-bottom:40px}.bamboo-icon{position:relative;width:80px;height:80px;margin:0 auto}.bamboo-stem{width:12px;height:60px;background:linear-gradient(to top,#16a34a,#22c55e);border-radius:6px;margin:0 auto;animation:grow 2s ease-in-out infinite}.bamboo-leaves{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:20px}.bamboo-leaves:before,.bamboo-leaves:after{content:"";position:absolute;width:16px;height:8px;background:#22c55e;border-radius:50% 10px;animation:sway 3s ease-in-out infinite}.bamboo-leaves:before{left:0;transform:rotate(-30deg)}.bamboo-leaves:after{right:0;transform:rotate(30deg);animation-delay:.5s}@keyframes sway{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-35deg)}}.loading-content h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.loading-content p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 480px){.onboarding-container{padding:0}.hero-illustration{flex-direction:column;gap:15px}.transformation-arrow{transform:rotate(90deg);font-size:20px}.welcome-title{font-size:28px}.profile-grid{grid-template-columns:1fr;gap:12px}.profile-card{flex-direction:row;aspect-ratio:auto;justify-content:flex-start}.question-title{font-size:20px;margin-bottom:32px}}.ios-bottom-nav{display:flex;align-items:center;justify-content:space-around;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));position:fixed;bottom:0;left:0;right:0;z-index:1000;height:84px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:12px;min-width:60px;color:#8e8e93}.nav-item.active{color:#22c55e}.nav-item:hover:not(.add-button){background:#0000000d;transform:translateY(-2px)}.nav-item.add-button{position:relative;margin:0 8px}.add-icon-container{width:56px;height:56px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #22c55e4d;transition:all .3s ease}.add-icon-container:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 20px #22c55e66}.add-icon-container .nav-icon{color:#fff;font-size:20px}.nav-icon{font-size:20px;margin-bottom:4px;transition:all .2s ease}.nav-label{font-size:11px;font-weight:500;text-transform:capitalize;letter-spacing:.5px}@media (max-width: 480px){.ios-bottom-nav{padding:6px 0;height:80px}.nav-item{padding:6px 8px;min-width:50px}.add-icon-container{width:50px;height:50px}.add-icon-container .nav-icon{font-size:18px}.nav-icon{font-size:18px;margin-bottom:2px}.nav-label{font-size:10px}}@media (max-width: 375px){.nav-item{padding:4px 6px;min-width:45px}.add-icon-container{width:46px;height:46px}.nav-icon{font-size:16px}.nav-label{font-size:9px}}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:flex-end}.upload-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-modal-content{position:relative;background:#fff;border-radius:20px 20px 0 0;width:100%;min-height:60vh;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.upload-modal-content.expanded{min-height:75vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto 0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6}.modal-close-btn{width:32px;height:32px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:16px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;text-align:center;flex:1;padding-right:32px}.modal-body{flex:1;padding:24px 20px;display:flex;flex-direction:column;overflow-y:auto}.modal-body.config-step{gap:24px}.input-type-selector{display:flex;background:#f3f4f6;border-radius:10px;padding:2px;margin-bottom:24px}.selector-btn{flex:1;background:none;border:none;padding:12px 16px;border-radius:8px;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.selector-btn.active{background:#fff;color:#1f2937;box-shadow:0 2px 4px #0000001a}.upload-content{flex:1;margin-bottom:24px}.file-upload-area{border:2px dashed #d1d5db;border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafbfc;min-height:200px;display:flex;align-items:center;justify-content:center}.file-upload-area:hover{border-color:#22c55e;background:#22c55e05}.upload-placeholder .upload-icon{font-size:48px;color:#22c55e;margin-bottom:16px;opacity:.8}.upload-placeholder h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.upload-placeholder p{font-size:14px;color:#9ca3af;margin:0}.upload-modal-file-uploaded{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#22c55e14;border-radius:12px;border:1px solid rgba(34,197,94,.15);max-width:100%;width:100%}.upload-modal-file-icon{font-size:18px;color:#ef4444;flex-shrink:0}.upload-modal-file-info{flex:1;text-align:left;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.upload-modal-file-name{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.upload-modal-file-success{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#22c55e;border-radius:50%;flex-shrink:0;margin-left:8px}.upload-modal-check-icon{font-size:12px;color:#fff}} .text-input-area{background:#fafbfc;border-radius:16px;padding:20px}.text-input{width:100%;border:none;background:none;font-size:16px;color:#374151;line-height:1.5;resize:vertical;min-height:120px;font-family:inherit}.text-input::placeholder{color:#9ca3af}.text-input:focus{outline:none}.next-btn{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.next-btn.enabled:hover{background:#16a34a;transform:translateY(-1px)}.next-btn.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.uploaded-file-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#22c55e1a;border-radius:12px;border:1px solid rgba(34,197,94,.2)}.file-icon-small{font-size:20px;color:#ef4444}.file-name-small{flex:1;font-size:14px;font-weight:500;color:#374151}.check-icon{font-size:16px;color:#22c55e}.config-section{display:flex;flex-direction:column;gap:12px}.config-label{font-size:16px;font-weight:600;color:#374151}.difficulty-selector{display:flex;background:#f3f4f6;border-radius:10px;padding:2px}.difficulty-btn{flex:1;background:none;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.difficulty-btn.active{background:#fff;color:#1f2937;box-shadow:0 2px 4px #00000014}.question-types{display:flex;flex-wrap:wrap;gap:8px}.question-type-chip{background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.question-type-chip.selected{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.question-type-chip:hover:not(.selected){border-color:#9ca3af;color:#374151}.instructions-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:16px;color:#374151;width:100%;transition:all .2s ease}.instructions-input:focus{outline:none;border-color:#22c55e;background:#fff;box-shadow:0 0 0 3px #22c55e1a}.instructions-input::placeholder{color:#9ca3af}.generate-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #22c55e4d}.generate-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 480px){.modal-body{padding:20px 16px}.upload-placeholder .upload-icon{font-size:40px}.upload-placeholder h3{font-size:16px}.file-upload-area{padding:30px 16px;min-height:180px}.question-types{gap:6px}.question-type-chip{font-size:13px;padding:8px 12px}}@media (max-width: 375px){.upload-modal-content{min-height:65vh}.modal-body{padding:16px 12px}.file-upload-area{padding:24px 12px;min-height:160px}}.dashboard-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;padding-bottom:90px}.ios-header{background:#fff;padding:20px 20px 24px;border-bottom:1px solid #e5e7eb;margin-bottom:0}.greeting-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notification-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.notification-button:hover{background:#f3f4f6;color:#22c55e}.greeting{font-size:28px;font-weight:700;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-avatar{width:48px;height:48px}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#377c07,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px}.search-container{position:relative;margin-bottom:16px}.streak-banner{display:flex;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px 16px;border-radius:12px;gap:8px;font-weight:600;color:#92400e;font-size:14px}.streak-icon{color:#f59e0b;font-size:16px}.ios-content{flex:1;padding:24px 20px}.continue-section{margin-bottom:32px}.subjects-list{display:flex;flex-direction:column;gap:12px}.subject-card-ios{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.subject-card-ios:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.subject-card-ios:active{transform:scale(.98)}.subject-header{display:flex;align-items:flex-start;gap:16px}.subject-icon{width:48px;height:48px;background:linear-gradient(135deg,#377c07,#22c55e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.subject-info{flex:1;min-width:0}.subject-title{font-size:17px;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.3}.progress-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#377c07,#22c55e);border-radius:3px}.progress-text{font-size:14px;font-weight:600;color:#22c55e;min-width:40px;text-align:right}.progress-text-only{font-size:14px;font-weight:500;color:#22c55e;margin:4px 0}.next-activity{font-size:14px;color:#6b7280;margin:0;font-weight:500}.empty-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 60px;min-height:400px}.empty-illustration{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.empty-state-image{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.magic-box{position:relative;width:120px;height:120px;margin:0 auto}.box-base{width:100px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;position:absolute;bottom:0;left:10px;box-shadow:0 8px 24px #22c55e4d}.box-lid{width:110px;height:15px;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;position:absolute;bottom:70px;left:5px;transform:perspective(100px) rotateX(-20deg);box-shadow:0 4px 12px #22c55e33}.floating-docs{position:absolute;top:-20px;left:50%;transform:translate(-50%)}.doc{width:24px;height:30px;background:#fff;border-radius:4px;position:absolute;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb}.doc:before{content:"";position:absolute;top:6px;left:4px;right:4px;height:2px;background:#d1d5db;border-radius:1px}.doc:after{content:"";position:absolute;top:12px;left:4px;right:6px;height:2px;background:#d1d5db;border-radius:1px}.doc-1{animation:float1 3s ease-in-out infinite;left:-15px}.doc-2{animation:float2 3s ease-in-out infinite .5s;left:5px}.doc-3{animation:float3 3s ease-in-out infinite 1s;left:25px}@keyframes float1{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(-8deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-20px) rotate(8deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-6deg)}}.sparkles{position:absolute;top:-10px;left:0;right:0;bottom:0}.sparkle{position:absolute;color:#22c55e;font-weight:700;font-size:16px;animation:sparkle 2s ease-in-out infinite}.sparkle-1{top:20px;left:-20px;animation-delay:0s}.sparkle-2{top:10px;right:-25px;animation-delay:.5s}.sparkle-3{bottom:30px;left:-15px;animation-delay:1s}.sparkle-4{bottom:40px;right:-20px;animation-delay:1.5s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.ai-robot{position:absolute;right:-30px;bottom:10px;font-size:40px;color:#22c55e;animation:robotWave 4s ease-in-out infinite}.ai-robot .location-pin{position:absolute;top:-5px;right:-5px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes robotWave{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.empty-content{margin-bottom:40px;max-width:320px}.empty-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px;line-height:1.3}.empty-subtitle{font-size:16px;color:#6b7280;line-height:1.5;margin:0}.create-first-theme-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #22c55e40;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.button-icon{font-size:20px}.create-first-theme-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}.create-first-theme-button:active{transform:translateY(0)}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:8px 16px;border-radius:8px;min-width:60px;flex:1}@media (max-width: 768px){.ios-header{padding:16px}.greeting{font-size:24px}.ios-content{padding:20px 16px}.subject-card-ios{padding:16px}.ios-bottom-nav{padding:6px 0 16px}}.no-results{text-align:center;padding:60px 20px;color:#6b7280}.no-results-icon{width:80px;height:80px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#9ca3af}.no-results h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#374151}.no-results p{font-size:16px;margin:0 0 24px;color:#6b7280}.clear-search-button{background:#22c55e;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-search-button:hover{background:#16a34a;transform:translateY(-1px)}@supports (padding-bottom: env(safe-area-inset-bottom)){.dashboard-ios{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.ios-bottom-nav{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}.dashboard,.dashboard-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;padding-bottom:90px}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.upload-page{min-height:100vh;background:#f8fafc}.upload-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem;display:flex;align-items:center;gap:1rem}.back-button{background:none;border:none;color:#667eea;font-weight:500;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.back-button:hover{background:#f7fafc}.upload-header h1{color:#1a202c;margin:0;font-size:1.5rem}.upload-form{display:flex;flex-direction:column;gap:2rem}.processing-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0f4ff;border:1px solid #e0e7ff;border-radius:8px;margin-bottom:1rem;color:#667eea;font-weight:500}.processing-icon{animation:spin 1s linear infinite}.extraction-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.success-badge{color:#10b981;font-weight:600;font-size:.875rem}.extraction-info small{color:#6b7280;font-size:.75rem}.content-preview{margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.content-preview h5{margin:0 0 .5rem;color:#374151;font-size:.875rem;font-weight:600}.preview-text{color:#6b7280;font-size:.875rem;line-height:1.5;max-height:80px;overflow:hidden;text-overflow:ellipsis}.form-section{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0}.form-section h2{color:#1a202c;margin:0 0 1rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.file-upload-area{position:relative}.upload-zone{border:2px dashed #cbd5e0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;background:#fafafa;position:relative}.upload-zone:hover{border-color:#667eea;background:#f0f4ff}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.upload-zone h3{color:#1a202c;margin-bottom:.5rem;font-size:1.2rem}.upload-zone p{color:#718096;margin-bottom:1rem}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.select-file-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.select-file-btn:hover{background:#5a67d8}.file-selected{padding:1rem}.file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.file-icon{font-size:2rem}.file-details h4{margin:0 0 .25rem;color:#1a202c}.file-details p{margin:0;color:#718096;font-size:.9rem}.remove-file{background:#fed7d7;color:#c53030;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;margin-left:auto;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file:hover{background:#feb2b2}.question-types{display:flex;flex-direction:column;gap:1rem}.checkbox-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover{border-color:#667eea;background:#f0f4ff}.checkbox-item input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;position:relative;transition:all .2s ease}.checkbox-item input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-item input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.option-info{flex:1}.option-info strong{display:block;color:#1a202c;margin-bottom:.25rem}.option-info small{color:#718096}.difficulty-select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#1a202c;transition:border-color .2s ease}.difficulty-select:focus{outline:none;border-color:#667eea}.requirements-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.requirements-textarea:focus{outline:none;border-color:#667eea}.requirements-textarea::placeholder{color:#a0aec0}.form-actions{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;text-align:center}.generate-button{padding:1rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease;min-width:200px}.generate-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.generate-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.generate-button.generating{background:#a0aec0}.loading-section{margin-top:1.5rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-section p{color:#718096;margin:0;font-style:italic}.error-message{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:8px;margin-top:.5rem;font-size:.9rem;border:1px solid #feb2b2}.input-mode-selection{padding:2rem;border-radius:12px;border:2px dashed #cbd5e0;text-align:center}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:500px;margin:0 auto}.mode-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-btn:hover{border-color:#667eea;background:#f7fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mode-icon{font-size:2.5rem;margin-bottom:.5rem}.mode-btn h3{margin:0;color:#2d3748;font-size:1.1rem}.mode-btn p{margin:0;color:#718096;font-size:.9rem}.mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.mode-header h3{margin:0;color:#2d3748}.change-mode-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#667eea;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.change-mode-btn:hover{background:#edf2f7;border-color:#667eea}.text-input-area{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#fff}.text-input-zone{display:flex;flex-direction:column;gap:1rem}.text-input{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s ease}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.process-text-btn{background:#667eea;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease;align-self:flex-start}.process-text-btn:hover:not(:disabled){background:#5a67d8}.process-text-btn:disabled{background:#a0aec0;cursor:not-allowed}.text-processed{border:1px solid #68d391;border-radius:8px;padding:1rem;background:#f0fff4}.remove-btn{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.remove-btn:hover{background:#fbb6ce;border-color:#f687b3}@media (max-width: 768px){.form-section{padding:1rem}.checkbox-item{padding:.75rem}.generate-button{width:100%}.mode-options{grid-template-columns:1fr}.mode-btn{padding:1.5rem 1rem}}.subject-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.ios-header-subject{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.subject-title-ios{font-size:20px;font-weight:600;color:#1f2937;margin:0;text-align:center;flex:1;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ios-content-subject{flex:1;padding:24px 20px;max-width:400px;margin:0 auto;width:100%}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#16a34a;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.success-icon{font-size:18px;flex-shrink:0}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-card-main{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.progress-circle-container{margin-bottom:16px}.progress-circle{width:120px;height:120px;position:relative;margin:0 auto}.progress-circle-fill{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0}.progress-circle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-percentage{font-size:28px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.progress-label{font-size:12px;color:#6b7280;font-weight:500}.progress-title{color:#1f2937;font-size:16px;font-weight:500;margin:0}.feature-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.feature-header{display:flex;align-items:flex-start;gap:16px}.feature-icon-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon-container.green{background:#22c55e1a}.feature-icon{font-size:20px;color:#22c55e}.feature-content{flex:1;min-width:0}.feature-title{font-size:17px;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.3}.progress-bar-container{display:flex;flex-direction:column;gap:8px}.progress-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .3s ease}.progress-text{font-size:14px;color:#6b7280;font-weight:500}.activities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.activity-card{background:#fff;border-radius:16px;padding:20px 16px;border:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;box-shadow:0 1px 3px #0000000d}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.activity-card:active{transform:scale(.98)}.activity-icon-container{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.activity-icon-container.green{background:#22c55e1a}.activity-icon{font-size:18px;color:#22c55e}.activity-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.activity-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.pending-badge{display:inline-block;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;margin-top:8px}.exam-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d}.exam-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.exam-card:active{transform:scale(.98)}.exam-icon-container{width:48px;height:48px;background:#22c55e1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-icon{font-size:20px;color:#22c55e}.exam-content{flex:1}.exam-title{font-size:17px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.exam-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}@media (max-width: 480px){.ios-content-subject{padding:20px 16px}.progress-card-main{padding:24px 20px}.progress-circle{width:100px;height:100px}.progress-circle-inner{width:75px;height:75px}.progress-percentage{font-size:24px}.activities-grid{gap:12px}.activity-card{padding:16px 12px}}.folders-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;padding-bottom:90px}.ios-header-folders{background:#fff;padding:20px 20px 24px;border-bottom:1px solid #e5e7eb;margin-bottom:0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-button-header{width:32px;height:32px;background:#22c55e;border:none;border-radius:50%;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-button-header:hover{transform:scale(1.1);background:#16a34a}.search-container{position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;border:none;border-radius:12px;background:#f3f4f6;font-size:16px;color:#374151;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.search-input::placeholder{color:#9ca3af}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #22c55e1a;border:1px solid #22c55e}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.ios-content-folders{flex:1;padding:24px 20px}.folders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.folder-card-ios{aspect-ratio:1;border-radius:20px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.folder-card-ios:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.folder-card-ios:active{transform:scale(.95)}.folder-icon{align-self:flex-start;margin-bottom:auto}.folder-icon svg{font-size:32px;color:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.folder-info{align-self:flex-start}.folder-name{font-size:17px;font-weight:600;color:#fff;margin:0 0 4px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.folder-count{font-size:13px;color:#ffffffe6;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.recent-section{margin-bottom:32px}.section-title{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recent-list{background:#fff;border-radius:12px;overflow:visible;border:1px solid #f3f4f6}.recent-item{padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:#f8f9fa}.recent-item:active{background:#f3f4f6}.recent-info{display:flex;flex-direction:column;gap:2px;flex:1}.recent-title{font-size:16px;font-weight:500;color:#1f2937;margin:0;line-height:1.4}.recent-date{font-size:13px;color:#9ca3af;margin:0;font-weight:400}.empty-state-ios{text-align:center;padding:60px 20px}.empty-state-ios .empty-icon{width:80px;height:80px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#9ca3af;font-size:32px}.empty-state-ios h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state-ios p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5}.create-first-button{background:linear-gradient(135deg,#377c07,#22c55e);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.create-first-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.create-first-button:active{transform:translateY(0)}@media (min-width: 769px){.folders-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto 32px}.folder-card-ios{min-height:160px}.ios-content-folders{padding:32px 40px}}@media (max-width: 768px){.ios-header-folders{padding:16px}.page-title{font-size:28px}.ios-content-folders{padding:20px 16px}.folders-grid{gap:12px}.folder-card-ios{min-height:120px;padding:16px}.ios-bottom-nav{padding:6px 0 16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.folders-ios{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}.recent-item{display:flex;align-items:center;justify-content:space-between;position:relative}.subject-actions{position:relative;margin-left:12px}.assign-folder-button{background:#f3f4f6;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease}.assign-folder-button:hover{background:#e5e7eb;color:#374151}.folder-assignment-menu{position:absolute;top:40px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:220px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.close-menu-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.close-menu-button:hover{color:#374151}.folder-options{max-height:200px;overflow-y:auto}.folder-option{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.folder-option:hover{background-color:#f8f9fa}.folder-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.assign-icon{margin-left:auto;color:#22c55e;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.create-folder-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.close-modal-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-modal-button:hover{background:#f3f4f6;color:#374151}.folder-name-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#f8f9fa;color:#111827;transition:all .2s ease}.folder-name-input:focus{outline:none;border-color:#22c55e;background:#fff;box-shadow:0 0 0 3px #22c55e1a}.modal-footer{padding:0 20px 20px;display:flex;gap:12px;justify-content:flex-end}.cancel-button{background:#f3f4f6;border:none;padding:12px 20px;border-radius:10px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#e5e7eb;color:#374151}.create-button{background:#22c55e;border:none;padding:12px 20px;border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.create-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.create-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.folder-detail-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.folder-detail-header{background:#667eea;color:#fff;padding:20px;position:relative;min-height:160px;display:flex;flex-direction:column}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.folder-detail-back-button{background:#fff3;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:16px;flex-shrink:0}.folder-detail-back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.folder-detail-options-button{background:#fff3;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;flex-shrink:0;margin-left:auto}.folder-detail-options-button:hover{background:#ffffff4d}.folder-info{flex:1;display:flex;flex-direction:column;justify-content:center}.folder-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff}.folder-subtitle{font-size:16px;opacity:.9;margin:0}.folder-options-menu{position:absolute;top:70px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:160px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.option-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.option-item:hover{background-color:#f8f9fa}.delete-option{color:#ef4444}.delete-option:hover{background-color:#fef2f2;color:#dc2626}.options-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.folder-content{flex:1;padding:24px 20px}.subjects-list{display:flex;flex-direction:column;gap:16px}.subject-card{background:#fff;border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #0000001a}.subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.subject-icon{background:#f0f9ff;color:#0369a1;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.subject-info{flex:1}.subject-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.subject-details{display:flex;flex-direction:column;gap:8px}.progress-info{display:flex;align-items:center;gap:12px}.progress-text{font-size:14px;color:#6b7280;font-weight:500;min-width:80px}.progress-bar-small{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .3s ease}.subject-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.subject-date{font-size:12px;color:#9ca3af;margin:0}.empty-folder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:80px;height:80px;background:#f3f4f6;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#9ca3af;margin-bottom:20px}.empty-folder h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.empty-folder p{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.error-state h3{font-size:24px;font-weight:600;color:#111827;margin:0 0 20px}@media (max-width: 768px){.folder-detail-header{padding:16px;min-height:140px}.folder-title{font-size:28px}.folder-content{padding:20px 16px}.subject-card{padding:16px}.progress-info{flex-direction:column;align-items:flex-start;gap:8px}.progress-text{min-width:auto}}.profile-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;padding-bottom:90px}.loading-content-ios{display:flex;justify-content:center;align-items:center;flex:1;min-height:calc(100vh - 90px);padding-bottom:90px}.loading-container{position:relative;display:flex;justify-content:center;align-items:center}.loading-circle{position:absolute;width:120px;height:120px;border:4px solid rgba(34,197,94,.2);border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.loading-image{width:80px;height:80px;border-radius:50%;object-fit:cover;z-index:2}.ios-header-profile{background:#fff;padding:20px 20px 24px;border-bottom:1px solid #e5e7eb;margin-bottom:0}.header-top{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logout-button{background:none;border:none;color:#22c55e;font-size:16px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logout-button:hover{background:#f0fff4}.ios-content-profile{flex:1;padding:24px 20px}.user-profile-section{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;margin-bottom:24px;border:1px solid #f3f4f6}.user-avatar-large{width:100px;height:100px;margin:0 auto 20px}.avatar-img-large{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#377c07,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:36px}.user-info-profile{margin-bottom:0}.user-name{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-email{font-size:16px;color:#6b7280;margin:0;font-weight:400}.stats-section{margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:#fff;border-radius:12px;padding:20px 16px;border:1px solid #f3f4f6;text-align:center}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:14px;color:#6b7280;margin:0;font-weight:500;line-height:1.3}.stat-number{font-size:28px;font-weight:700;color:#1f2937;margin:0;line-height:1}.settings-section{margin-bottom:32px}.settings-list{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f3f4f6}.setting-item{width:100%;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:#f8f9fa}.setting-item:active{background:#f3f4f6}.setting-left{display:flex;align-items:center;gap:16px}.setting-icon{font-size:20px;color:#6b7280;width:20px}.setting-title{font-size:16px;color:#1f2937;font-weight:500;text-align:left}.setting-arrow{font-size:14px;color:#9ca3af}.ios-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 0 20px;display:flex;justify-content:space-evenly;align-items:center;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;min-width:60px;flex:1}.nav-item:hover{background:transparent}.nav-item.active{background:#fff}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#22c55e}.nav-icon{font-size:20px;color:#9ca3af;transition:color .2s ease}.nav-label{font-size:10px;color:#9ca3af;font-weight:500;transition:color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center}.nav-item.add-button{position:relative}.add-icon-container{width:50px;height:50px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #22c55e4d;transition:all .2s ease}.add-icon-container:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.add-icon-container .nav-icon{color:#fff;font-size:18px}@media (max-width: 768px){.ios-header-profile{padding:16px}.page-title{font-size:28px}.ios-content-profile{padding:20px 16px}.user-profile-section{padding:24px 20px}.stats-grid{gap:8px}.stat-card{padding:16px 12px}.stat-number{font-size:24px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.profile-ios{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}.help-support-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.help-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:20px;position:relative}.help-back-button{background:#fff3;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:16px;margin-bottom:20px}.help-back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.help-title-section{text-align:center;padding:20px 0}.help-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.help-title{font-size:28px;font-weight:700;margin:0 0 8px}.help-subtitle{font-size:16px;opacity:.9;margin:0}.help-content{flex:1;padding:24px 20px}.help-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.faq-question{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4}.faq-answer{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.contact-grid{display:grid;gap:16px}.contact-card{background:#fff;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.contact-icon{width:48px;height:48px;background:#f0fdf4;color:#22c55e;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.contact-info{flex:1}.contact-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.contact-description{font-size:14px;color:#6b7280;margin:0}.contact-arrow{color:#9ca3af;font-size:14px}.resources-list{display:flex;flex-direction:column;gap:12px}.resource-card{background:#fff;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a}.resource-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.resource-icon{width:40px;height:40px;background:#f0fdf4;color:#22c55e;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.resource-info{flex:1}.resource-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 2px}.resource-description{font-size:13px;color:#6b7280;margin:0}.resource-arrow{color:#9ca3af;font-size:12px}.support-info-card{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:16px;padding:24px;text-align:center}.support-title{font-size:20px;font-weight:600;margin:0 0 12px}.support-text{font-size:14px;opacity:.9;line-height:1.5;margin:0 0 24px}.support-stats{display:flex;justify-content:space-around;gap:16px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:18px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;opacity:.8}@media (min-width: 768px){.help-content{max-width:800px;margin:0 auto;padding:32px 40px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.support-stats{max-width:400px;margin:0 auto}}@media (max-width: 768px){.help-header{padding:16px}.help-content{padding:20px 16px}.help-title{font-size:24px}.support-stats{flex-direction:column;gap:12px}}.terms-privacy-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.terms-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:20px;position:relative}.terms-back-button{background:#fff3;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:16px;margin-bottom:20px}.terms-back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.terms-title-section{text-align:center;padding:20px 0}.terms-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.terms-title{font-size:28px;font-weight:700;margin:0 0 8px}.terms-subtitle{font-size:14px;opacity:.8;margin:0;font-style:italic}.terms-content{flex:1;padding:24px 20px}.terms-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-icon{width:24px;height:24px;color:#22c55e}.section-title{font-size:22px;font-weight:600;color:#111827;margin:0}.content-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;line-height:1.6}.content-card h3{font-size:18px;font-weight:600;color:#111827;margin:24px 0 12px}.content-card h3:first-child{margin-top:0}.content-card p{font-size:15px;color:#4b5563;margin:0 0 16px}.content-card ul{font-size:15px;color:#4b5563;margin:0 0 16px;padding-left:20px}.content-card li{margin-bottom:8px}.privacy-item{display:flex;align-items:flex-start;gap:16px;margin:20px 0;padding:16px;background:#f0fdf4;border-radius:12px;border-left:4px solid #22c55e}.privacy-icon{color:#22c55e;font-size:20px;margin-top:2px;flex-shrink:0}.privacy-item h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.privacy-item p{font-size:14px;color:#6b7280;margin:0}.contact-info-card{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:16px;padding:24px;text-align:center}.contact-info-card h2{font-size:20px;font-weight:600;margin:0 0 16px}.contact-info-card p{font-size:15px;opacity:.9;line-height:1.5;margin:0 0 20px}.contact-details{background:#ffffff1a;border-radius:12px;padding:16px;margin:20px 0;text-align:left}.contact-item{font-size:14px;margin-bottom:8px}.contact-item:last-child{margin-bottom:0}.contact-item strong{color:#ffffffe6}.last-updated{font-size:12px!important;opacity:.7!important;font-style:italic;margin-top:16px!important}@media (min-width: 768px){.terms-content{max-width:900px;margin:0 auto;padding:32px 40px}.content-card{padding:32px}.privacy-item{padding:20px}}@media (max-width: 768px){.terms-header{padding:16px}.terms-content{padding:20px 16px}.terms-title{font-size:24px}.content-card{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.contact-details{text-align:center}}.subscription-page{min-height:100vh;background:linear-gradient(135deg,#fafafa,#f0f9ff);padding-bottom:100px}.subscription-header-wrapper{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 20px;display:flex;align-items:center;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.subscription-back-btn{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;margin-right:16px}.subscription-back-btn:hover{background:#f3f4f6}.subscription-page-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subscription-main-content{max-width:400px;margin:0 auto;padding:24px 20px}.subscription-hero-section{text-align:center;margin:32px 0 40px}.subscription-crown-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:24px;margin-bottom:24px;box-shadow:0 12px 32px #22c55e4d}.subscription-crown-icon svg{font-size:36px;color:#fff}.subscription-hero-title{font-size:32px;font-weight:700;color:#111827;line-height:1.2;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subscription-hero-subtitle{font-size:18px;color:#6b7280;line-height:1.5;margin:0;font-weight:400}.subscription-benefits-wrapper{margin:40px 0}.subscription-benefits-list{background:#fff;border-radius:20px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0000000d}.subscription-benefit-item{display:flex;align-items:center;margin-bottom:20px}.subscription-benefit-item:last-child{margin-bottom:0}.subscription-check-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#22c55e;border-radius:50%;margin-right:16px;flex-shrink:0}.subscription-check-icon svg{font-size:14px;color:#fff}.subscription-benefit-item span{font-size:17px;color:#374151;font-weight:500;line-height:1.4}.subscription-pricing-selector{display:flex;gap:16px;margin:40px 0}.subscription-pricing-card{flex:1;background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:24px 20px;cursor:pointer;transition:all .3s ease;position:relative;text-align:center;box-shadow:0 4px 16px #0000000d}.subscription-pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.subscription-pricing-card.subscription-annual{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.subscription-pricing-card.subscription-selected{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33,0 12px 32px #22c55e1a;transform:scale(1.02)}.subscription-savings-badge{position:absolute;top:-12px;right:16px;background:#22c55e;color:#fff;font-size:13px;font-weight:700;padding:8px 16px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #22c55e4d}.subscription-plan-header{display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}.subscription-plan-name{font-size:20px;font-weight:600;color:#374151}.subscription-selection-check{position:absolute;right:-12px;top:-12px;width:28px;height:28px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #22c55e66}.subscription-selection-check svg{font-size:14px;color:#fff}.subscription-plan-price{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:12px}.subscription-price{font-size:36px;font-weight:700;color:#111827}.subscription-period{font-size:18px;color:#6b7280;font-weight:500}.subscription-equivalent-price{font-size:15px;color:#16a34a;font-weight:600}.subscription-cta-section{text-align:center;margin:40px 0 32px}.subscription-subscribe-button{width:100%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:20px;padding:20px 32px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #22c55e4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subscription-subscribe-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #22c55e66}.subscription-subscribe-button:active{transform:translateY(0)}.subscription-trial-info{font-size:16px;color:#6b7280;margin:16px 0 0;line-height:1.5}.subscription-legal-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap;padding-bottom:20px}.subscription-legal-link{background:none;border:none;color:#6b7280;font-size:15px;cursor:pointer;text-decoration:none;transition:color .2s ease;padding:8px 4px}.subscription-legal-link:hover{color:#22c55e}.subscription-separator{color:#d1d5db;font-size:15px}@media (max-width: 480px){.subscription-main-content{padding:20px 16px}.subscription-hero-title{font-size:28px}.subscription-hero-subtitle{font-size:16px}.subscription-pricing-selector{flex-direction:column;gap:12px}.subscription-pricing-card{width:100%}.subscription-crown-icon{width:70px;height:70px}.subscription-crown-icon svg{font-size:32px}.subscription-legal-footer{flex-direction:column;gap:8px}.subscription-separator{display:none}.subscription-subscribe-button{font-size:18px;padding:18px 24px}}.terms-conditions-page{min-height:100vh;background:#f9fafb;padding-bottom:80px}.terms-conditions-header{background:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.terms-conditions-back-button{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.terms-conditions-back-button:hover{background:#f3f4f6;color:#374151}.terms-conditions-page-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.terms-conditions-content{padding:0 20px;max-width:800px;margin:0 auto}.terms-conditions-container{background:#fff;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 1px 3px #0000001a}.terms-conditions-last-updated{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:32px}.terms-conditions-last-updated p{margin:0;font-size:14px;color:#166534;font-weight:500}.terms-conditions-section{margin-bottom:32px}.terms-conditions-section:last-child{margin-bottom:0}.terms-conditions-section h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #22c55e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.terms-conditions-section h3{font-size:18px;font-weight:600;color:#374151;margin:24px 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.terms-conditions-section p{font-size:16px;line-height:1.6;color:#4b5563;margin:0 0 16px}.terms-conditions-section ul{margin:16px 0;padding-left:20px}.terms-conditions-section li{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:8px}.terms-conditions-section li strong{color:#1f2937;font-weight:600}@media (max-width: 768px){.terms-conditions-header{padding:12px 16px}.terms-conditions-page-title{font-size:18px}.terms-conditions-content{padding:0 16px}.terms-conditions-container{padding:20px;margin:16px 0}.terms-conditions-section h2{font-size:20px}.terms-conditions-section h3{font-size:16px}.terms-conditions-section p,.terms-conditions-section li{font-size:14px}}@media (max-width: 480px){.terms-conditions-header{padding:10px 12px}.terms-conditions-content{padding:0 12px}.terms-conditions-container{padding:16px;margin:12px 0}}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding-bottom:40px}.pricing-page-header{background:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.pricing-page-back-button{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pricing-page-back-button:hover{background:#f3f4f6;color:#374151}.pricing-page-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-page-hero{text-align:center;padding:60px 20px}.pricing-hero-content{max-width:600px;margin:0 auto}.pricing-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:24px;margin-bottom:24px;box-shadow:0 10px 30px #22c55e4d}.pricing-hero-icon svg{font-size:36px;color:#fff}.pricing-hero-title{font-size:36px;font-weight:800;color:#1f2937;line-height:1.2;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-hero-subtitle{font-size:18px;color:#6b7280;line-height:1.6;margin:0}.pricing-main-container{max-width:1200px;margin:0 auto;padding:0 20px 60px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:start}.pricing-plan-card{background:#fff;border-radius:20px;padding:32px 24px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}.pricing-plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 40px #0000001f}.pricing-featured-card{border-color:#22c55e;transform:scale(1.05);box-shadow:0 8px 40px #22c55e33}.pricing-featured-card:hover{transform:scale(1.05) translateY(-4px)}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #22c55e4d}.pricing-card-header{text-align:center;margin-bottom:32px}.pricing-plan-name{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.pricing-price{font-size:48px;font-weight:800;color:#22c55e}.pricing-period{font-size:18px;color:#6b7280;font-weight:500}.pricing-savings-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.pricing-original-price{font-size:16px;color:#9ca3af;text-decoration:line-through}.pricing-savings{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.pricing-plan-description{font-size:16px;color:#6b7280;margin:0}.pricing-card-features{margin-bottom:32px}.pricing-feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.pricing-feature-item:last-child{margin-bottom:0}.pricing-check-icon{width:20px;height:20px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.pricing-check-icon svg{font-size:10px;color:#fff}.pricing-feature-item span{font-size:15px;color:#4b5563;line-height:1.5}.pricing-plan-button{width:100%;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-free-button{background:#f3f4f6;color:#374151}.pricing-free-button:hover{background:#e5e7eb}.pricing-pro-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.pricing-pro-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.pricing-featured-button{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;box-shadow:0 4px 12px #0000004d}.pricing-featured-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0006}.pricing-faq-section{max-width:800px;margin:0 auto;padding:60px 20px}.pricing-faq-title{text-align:center;font-size:32px;font-weight:700;color:#1f2937;margin:0 0 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-faq-container{display:grid;gap:24px}.pricing-faq-item{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.pricing-faq-item h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-faq-item p{font-size:16px;color:#6b7280;line-height:1.6;margin:0}.pricing-cta-section{text-align:center;padding:60px 20px;background:#fff;margin:0 20px;border-radius:24px;box-shadow:0 8px 32px #00000014}.pricing-cta-content{max-width:600px;margin:0 auto}.pricing-cta-content h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-cta-content p{font-size:18px;color:#6b7280;line-height:1.6;margin:0 0 32px}.pricing-cta-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:18px 36px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #22c55e4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}@media (max-width: 768px){.pricing-page-header{padding:12px 16px}.pricing-page-title{font-size:18px}.pricing-page-hero{padding:40px 16px}.pricing-hero-title{font-size:28px}.pricing-hero-subtitle{font-size:16px}.pricing-main-container{padding:0 16px 40px}.pricing-cards-grid{grid-template-columns:1fr;gap:16px}.pricing-featured-card{transform:none}.pricing-featured-card:hover{transform:translateY(-4px)}.pricing-faq-section{padding:40px 16px}.pricing-faq-title{font-size:24px}.pricing-cta-section{margin:0 16px;padding:40px 20px}.pricing-cta-content h2{font-size:22px}.pricing-cta-content p{font-size:16px}}@media (max-width: 480px){.pricing-main-container{padding:0 12px 40px}.pricing-plan-card{padding:24px 20px}.pricing-price{font-size:36px}.pricing-hero-icon{width:60px;height:60px}.pricing-hero-icon svg{font-size:28px}}.preview-page{min-height:100vh;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logo-icon{margin-right:.5rem;color:#377c07}.button-icon{margin-right:.5rem;font-size:.9rem}.section-icon{margin-right:.5rem;font-size:1.2rem}.nav-icon{font-size:1.1rem}.hamburger-menu{color:#377c07;font-size:1.2rem}.close-menu{color:#64748b;font-size:1.2rem}.desktop-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1rem 2rem;box-shadow:0 1px 3px #0000000d;display:block}.mobile-header{display:none!important}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#377c07;margin:0;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.home-button{background:linear-gradient(135deg,#377c07,#4a9c14);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.home-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #377c074d}.mobile-header{display:none}.mobile-top-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #f1f5f9}.mobile-logo{font-size:1.25rem;font-weight:700;color:#377c07;margin:0;display:flex;align-items:center;gap:.5rem}.mobile-logo-icon{color:#377c07;font-size:1.25rem}.mobile-home-button{background:linear-gradient(135deg,#377c07,#4a9c14);color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-home-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #377c074d}.mobile-home-icon{font-size:1rem}.mobile-sections-menu{display:flex;background:#fff;border-bottom:1px solid #f1f5f9;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-sections-menu::-webkit-scrollbar{display:none}.mobile-section-btn{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;background:none;border:none;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:.65rem;font-weight:500;border-bottom:3px solid transparent}.mobile-section-btn.active{color:#377c07;border-bottom-color:#377c07;background:#f8fdf9}.mobile-section-icon{font-size:.9rem;margin-bottom:.15rem}.mobile-section-label{font-size:.6rem;text-align:center;line-height:1}.preview-main{max-width:1200px;margin:0 auto;padding:2rem}.subject-title-section{text-align:center;margin-bottom:2rem;padding:2rem 0;border-bottom:1px solid #f1f5f9}.subject-title-section h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#377c07,#4a9c14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subject-title-section p{color:#64748b;font-size:1.1rem;margin:0}.subject-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.subject-nav{background:#f8fafc;border-radius:16px;padding:1.5rem;position:sticky;top:2rem;border:1px solid #f1f5f9}.nav-section h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.nav-item.active,.nav-item.active .section-icon{color:#fff}.subject-content{background:#fff;border-radius:16px;border:1px solid #f1f5f9;min-height:600px;overflow:hidden;box-shadow:0 1px 3px #0000000d}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}[data-hide-interface=true]~.preview-main .subject-title-section,.subject-content [data-hide-interface=true]~*:not(.content-card),.preview-page:has([data-hide-interface=true]) .preview-header,.preview-page:has([data-hide-interface=true]) .subject-nav,.preview-page:has([data-hide-interface=true]) .subject-title-section{display:none!important}.preview-page:has([data-hide-interface=true]) .subject-layout{grid-template-columns:1fr!important}.preview-page:has([data-hide-interface=true]) .preview-main{padding:0!important;margin:0!important}.preview-page:has([data-hide-interface=true]) .subject-content{margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-height:100vh!important}@media (max-width: 768px){.desktop-header{display:none!important}.mobile-header{display:block!important;background:#fff;border-bottom:1px solid #f1f5f9;padding:0;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.preview-main{padding:1rem}.subject-title-section{padding:1.5rem 0;margin-bottom:1.5rem}.subject-title-section h2{font-size:2rem}.subject-layout{grid-template-columns:1fr;gap:0}.subject-nav{display:none}.subject-content{border:none;border-radius:0;margin:0;padding:0;box-shadow:none;background:transparent}.content-card,.contentcard{width:100%!important;max-width:100%!important;margin:0!important;padding:1rem!important;border:none!important;border-radius:0!important;box-shadow:none!important}.section-container{width:100%!important;max-width:100%!important;margin:0!important;padding:1rem!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.content-card{padding:.5rem!important}.content-card>div{max-width:100%!important;margin:0 auto!important}.content-card button{font-size:.85rem!important;padding:.75rem 1rem!important}}@media (max-width: 480px){.preview-main{padding:.75rem}.subject-title-section h2{font-size:1.75rem}.mobile-menu{padding:1rem 1.5rem}.home-button{padding:.625rem 1.25rem;font-size:.85rem}}.generate-method-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#e8f5e8);padding:2rem;display:flex;align-items:center;justify-content:center}.method-container{max-width:800px;width:100%}.method-header{text-align:center;margin-bottom:3rem;position:relative}.method-header h1{font-size:2.5rem;color:#2d6a4f;margin-bottom:1rem;font-weight:700}.method-header p{font-size:1.2rem;color:#52796f;margin:0}.method-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.method-card{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 8px 24px #0000000d;position:relative;overflow:hidden}.method-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#377c07,#52b788);transform:scaleX(0);transition:transform .3s ease}.method-card:hover{transform:translateY(-8px);border-color:#377c07;box-shadow:0 16px 40px #377c0726}.method-card:hover:before{transform:scaleX(1)}.method-icon{width:80px;height:80px;background:linear-gradient(135deg,#377c07,#52b788);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem;transition:transform .3s ease}.method-card:hover .method-icon{transform:scale(1.1)}.method-card h3{font-size:1.5rem;color:#2d6a4f;margin-bottom:1rem;font-weight:600}.method-card p{color:#52796f;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.method-features{display:flex;flex-direction:column;gap:.5rem}.method-features span{font-size:.9rem;color:#377c07;font-weight:500}@media (max-width: 768px){.generate-method-page{padding:1rem}.method-options{grid-template-columns:1fr}.method-header h1{font-size:2rem}.method-header p{font-size:1rem}.back-button{width:40px;height:40px;font-size:1rem}}.generate-input-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#e8f5e8);padding:2rem;display:flex;align-items:flex-start;justify-content:center}.input-container{max-width:800px;width:100%;margin-top:2rem}.input-header{text-align:center;margin-bottom:3rem;position:relative}.back-button:hover{background:#377c07;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #377c0733}.input-header h1{font-size:2.5rem;color:#2d6a4f;margin-bottom:1rem;font-weight:700}.input-header p{font-size:1.1rem;color:#52796f;max-width:600px;margin:0 auto;line-height:1.6}.input-content{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000d;margin-bottom:2rem}.file-drop-zone{margin-bottom:2rem}.file-input-hidden{display:none}.file-drop-label{display:block;border:2px dashed #377c07;border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fffe}.file-drop-label:hover{border-color:#2d6a4f;background:#e8f5e8;transform:translateY(-2px)}.file-icon{width:80px;height:80px;background:linear-gradient(135deg,#377c07,#52b788);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem}.file-drop-label h3{color:#2d6a4f;font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.file-drop-label p{color:#52796f;margin:.25rem 0;font-size:.95rem}.text-input-area{position:relative}.input-icon{position:absolute;top:1rem;left:1rem;width:40px;height:40px;background:linear-gradient(135deg,#377c07,#52b788);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;z-index:1}.content-textarea{width:100%;min-height:400px;border:2px solid #e1e5e9;border-radius:12px;padding:1rem 1rem 1rem 4rem;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s ease;font-family:inherit}.content-textarea:focus{outline:none;border-color:#377c07;box-shadow:0 0 0 3px #377c071a}.content-textarea::placeholder{color:#84919a}.text-counter{text-align:right;margin-top:.5rem;font-size:.9rem;color:#52796f}.counter-warning{color:#e74c3c;font-weight:500}.processing-indicator{text-align:center;padding:2rem;background:#f8fffe;border-radius:12px;margin-bottom:2rem}.spinner{width:40px;height:40px;border:4px solid #e1e5e9;border-top:4px solid #377c07;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.file-preview{background:#f8fffe;border-radius:12px;padding:1.5rem;border:1px solid #377c07}.preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.success-icon{color:#377c07;font-size:1.5rem}.preview-header h3{color:#2d6a4f;margin:0;font-weight:600}.file-info{margin-bottom:1.5rem}.file-info p{margin:.5rem 0;color:#52796f;font-size:.95rem}.content-preview h4{color:#2d6a4f;margin-bottom:1rem;font-weight:600}.content-text{background:#fff;padding:1rem;border-radius:8px;color:#52796f;line-height:1.6;font-size:.9rem;max-height:150px;overflow-y:auto}.action-buttons{text-align:center}.next-button{background:linear-gradient(135deg,#377c07,#52b788);color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #377c0733}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #377c074d}.error-message{background:#ffeaea;color:#e74c3c;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb;text-align:center}@media (max-width: 768px){.generate-input-page{padding:1rem}.input-container{margin-top:1rem}.input-header h1{font-size:2rem}.input-content{padding:1.5rem}.file-drop-label{padding:2rem 1rem}.content-textarea{min-height:300px}.back-button{width:40px;height:40px;font-size:1rem}}.generate-customize-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#e8f5e8);padding:2rem}.customize-container{max-width:1000px;margin:0 auto}.customize-header{text-align:center;margin-bottom:3rem;position:relative}.back-button{position:absolute;left:0;top:0;background:#fff;border:2px solid #377c07;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#377c07;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #377c071a}.back-button:hover:not(:disabled){background:#377c07;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #377c0733}.back-button:disabled{opacity:.6;cursor:not-allowed}.customize-header h1{font-size:2.5rem;color:#2d6a4f;margin-bottom:1rem;font-weight:700}.customize-header p{font-size:1.1rem;color:#52796f;max-width:600px;margin:0 auto;line-height:1.6}.customize-content{display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem}.section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000d}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:#2d6a4f;font-size:1.5rem;font-weight:600;margin:0}.selection-counter{background:linear-gradient(135deg,#377c07,#52b788);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.optional-badge{background:#f8f9fa;color:#6c757d;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid #e9ecef}.question-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.question-type-card{border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;background:#fafbfc}.question-type-card:hover{border-color:#377c07;transform:translateY(-2px);box-shadow:0 8px 24px #377c071a}.question-type-card.selected{border-color:#377c07;background:#f8fffe;box-shadow:0 8px 24px #377c0726}.card-checkbox{position:absolute;top:1rem;right:1rem;width:24px;height:24px;border:2px solid #e1e5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease}.question-type-card.selected .card-checkbox{border-color:#377c07;background:#377c07;color:#fff}.question-type-card h3{color:#2d6a4f;font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.question-type-card p{color:#52796f;line-height:1.5;margin:0;font-size:.95rem}.difficulty-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.difficulty-card{border:2px solid #e1e5e9;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;background:#fafbfc;text-align:center}.difficulty-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.difficulty-card.selected{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 5%,white);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-color) 15%,transparent)}.difficulty-indicator{width:60px;height:6px;background:var(--accent-color);border-radius:3px;margin:0 auto 1rem;opacity:.3;transition:opacity .3s ease}.difficulty-card.selected .difficulty-indicator{opacity:1}.difficulty-card h3{color:#2d6a4f;font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.difficulty-card p{color:#52796f;line-height:1.5;margin:0;font-size:.95rem}.textarea-container{position:relative;margin-bottom:1.5rem}.textarea-icon{position:absolute;top:1rem;left:1rem;color:#377c07;font-size:1.2rem;z-index:1}.requirements-textarea{width:100%;min-height:120px;border:2px solid #e1e5e9;border-radius:12px;padding:1rem 1rem 1rem 3rem;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s ease;font-family:inherit;background:#fafbfc}.requirements-textarea:focus{outline:none;border-color:#377c07;box-shadow:0 0 0 3px #377c071a;background:#fff}.requirements-textarea:disabled{opacity:.6;cursor:not-allowed}.requirements-examples h4{color:#2d6a4f;font-size:1rem;margin-bottom:1rem;font-weight:600}.example-tags{display:flex;flex-wrap:wrap;gap:.75rem}.example-tags span{background:#f8fffe;color:#377c07;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;border:1px solid #377c07;cursor:pointer;transition:all .3s ease}.example-tags span:hover{background:#377c07;color:#fff}.action-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.generation-summary{flex:1}.generation-summary h3{color:#2d6a4f;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.summary-items{display:flex;flex-direction:column;gap:.75rem}.summary-item{color:#52796f;font-size:.95rem;line-height:1.4}.summary-item strong{color:#2d6a4f}.generate-button{background:linear-gradient(135deg,#377c07,#52b788);color:#fff;border:none;border-radius:50px;padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #377c0733;white-space:nowrap}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #377c074d}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.generation-content{background:#fff;border-radius:20px;padding:3rem;text-align:center;max-width:400px;width:90%}.generation-spinner{width:80px;height:80px;margin:0 auto 2rem;position:relative}.rocket-icon{font-size:3rem;color:#377c07;animation:rocketPulse 2s ease-in-out infinite}@keyframes rocketPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}.generation-content h3{color:#2d6a4f;margin-bottom:1rem;font-weight:600}.generation-content p{color:#52796f;margin-bottom:2rem;font-size:1rem}.progress-bar{width:100%;height:6px;background:#e1e5e9;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#377c07,#52b788);border-radius:3px;animation:progressMove 2s ease-in-out infinite}@keyframes progressMove{0%{width:0%}50%{width:70%}to{width:100%}}.error-container{text-align:center;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 8px 24px #0000000d;max-width:500px;margin:0 auto;margin-top:5rem}.error-container h2{color:#e74c3c;margin-bottom:2rem}@media (max-width: 768px){.generate-customize-page{padding:1rem}.customize-header h1{font-size:2rem}.question-types-grid,.difficulty-options{grid-template-columns:1fr}.action-section{flex-direction:column;text-align:center}.generate-button{width:100%;justify-content:center}.back-button{width:40px;height:40px;font-size:1rem}.generation-content{padding:2rem}}.intelligent-summary-ios{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.loading-ios{display:flex;justify-content:center;align-items:center;min-height:100vh}.spinner-ios{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite}.ios-header-summary{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.back-button-ios,.menu-button-ios{width:40px;height:40px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;color:#1f2937;font-size:18px}.back-button-ios:hover,.menu-button-ios:hover{background:#f3f4f6}.summary-title-ios{font-size:20px;font-weight:600;color:#1f2937;margin:0;text-align:center;flex:1;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.progress-container-ios{background:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f3f4f6}.progress-bar-ios{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill-ios{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .3s ease}.progress-text-ios{font-size:14px;font-weight:600;color:#22c55e;min-width:40px}.ios-content-summary{flex:1;padding:20px 20px 100px;max-width:400px;margin:0 auto;width:100%}.chapter-card-ios{background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.chapter-header-ios{width:100%;padding:20px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.chapter-header-ios:hover{background:#f8f9fa}.chapter-header-ios:active{background:#f1f3f4}.chapter-title-ios{font-size:17px;font-weight:600;color:#1f2937;line-height:1.3}.chapter-header-ios svg{color:#6b7280;font-size:14px;transition:transform .2s ease}.chapter-content-ios{border-top:1px solid #f3f4f6;padding:20px;background:#fafbfc}.chapter-text{margin-bottom:24px}.chapter-text p{font-size:16px;line-height:1.6;color:#374151;margin-bottom:16px;text-align:justify}.chapter-text p:last-child{margin-bottom:0}.chapter-text strong{color:#1f2937;font-weight:600}.chapter-actions-ios{display:flex;gap:12px;flex-wrap:wrap}.action-btn-primary,.action-btn-secondary{border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:inherit;flex:1;justify-content:center;min-width:0}.action-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.action-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.action-btn-primary:active{transform:translateY(0)}.action-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.action-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.action-btn-secondary:active{transform:translateY(0)}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:16px;margin:0}.error-container{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}.btn-back{background:linear-gradient(135deg,#377c07,#22c55e);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.chapter-introduction{margin-bottom:16px;padding:12px;background:#22c55e0d;border-left:3px solid #22c55e;border-radius:8px}.intro-text{font-style:italic;color:#6b7280;margin:0;font-size:14px;line-height:1.5}.chapter-full-content{margin:16px 0}.formatted-content p{margin-bottom:12px;line-height:1.6}.no-content{text-align:center;padding:24px;color:#9ca3af}.key-points{margin-top:20px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.key-points h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.key-points ul{margin:0;padding-left:20px}.key-points li{margin-bottom:8px;color:#6b7280;line-height:1.5}.key-points li:last-child{margin-bottom:0}@media (max-width: 480px){.ios-content-summary{padding:16px 16px 100px}.chapter-header-ios,.chapter-content-ios{padding:16px}.chapter-actions-ios{flex-direction:column}.action-btn-primary,.action-btn-secondary{flex:none;width:100%}.chapter-text p{font-size:15px}}.flashcards-page{min-height:100vh;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;position:relative;overflow:hidden}.flashcards-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,44px));background:transparent;position:relative;z-index:10}.exit-button,.settings-button{width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#1c1c1e;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.exit-button:hover,.settings-button:hover{background:#fff;transform:scale(1.05)}.exit-button:active,.settings-button:active{transform:scale(.95)}.progress-counter{font-size:18px;font-weight:600;color:#1c1c1e;text-align:center;background:#ffffffe6;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.card-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;perspective:1000px}.card-stack{position:absolute;width:280px;height:380px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;z-index:1}.card-behind{transform:translateY(8px) scale(.95) rotate(2deg);opacity:.6}.flashcard{position:relative;width:280px;height:380px;cursor:pointer;transition:transform .2s ease;transform-style:preserve-3d;z-index:2}.flashcard.flipped{cursor:default}.flashcard.flipped .card-inner{transform:rotateY(180deg)}.flashcard:hover:not(.flipped){transform:translateY(-4px)}.flashcard:active:not(.flipped){transform:translateY(-2px) scale(.98)}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-face{position:absolute;width:100%;height:100%;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000001f;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box}.card-back{transform:rotateY(180deg)}.card-content{text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.card-text{font-size:20px;line-height:1.4;color:#1c1c1e;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.card-front .card-text{font-size:24px;font-weight:700;text-align:center}.card-back .card-text{font-size:18px;font-weight:400;text-align:left;max-height:280px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.card-back .card-text::-webkit-scrollbar{display:none}.tap-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:14px;color:#8e8e93;font-weight:500;opacity:.7}.ai-badge{position:absolute;bottom:16px;right:16px;background:#22c55e1a;color:#22c55e;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.control-buttons{display:flex;justify-content:space-around;align-items:center;padding:40px 60px;padding-bottom:max(40px,env(safe-area-inset-bottom,40px));background:transparent;gap:80px}.difficulty-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.difficulty-button:hover{transform:translateY(-4px)}.difficulty-button:active{transform:translateY(-2px) scale(.95)}.button-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:8px;box-shadow:0 8px 24px #00000026;transition:all .3s ease}.difficulty-button.difficult .button-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.difficulty-button.difficult:hover .button-icon{box-shadow:0 12px 32px #ff6b6b66}.difficulty-button.easy .button-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.difficulty-button.easy:hover .button-icon{box-shadow:0 12px 32px #22c55e66}.flip-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.flip-button:hover{transform:translateY(-4px)}.flip-button:active{transform:translateY(-2px) scale(.95)}.flip-button .button-icon{background:linear-gradient(135deg,#8e8e93,#aeaeb2);color:#fff}.flip-button:hover .button-icon{box-shadow:0 12px 32px #8e8e9366}.flip-button .button-label{color:#8e8e93}.button-label{font-size:16px;font-weight:600;color:#1c1c1e}.difficulty-button.difficult .button-label{color:#ff6b6b}.difficulty-button.easy .button-label{color:#22c55e}.btn-back{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 480px){.flashcards-header{padding:12px 16px}.card-container{padding:20px 16px}.flashcard,.card-stack{width:260px;height:350px}.card-face{padding:24px}.card-front .card-text{font-size:22px}.card-back .card-text{font-size:16px}.control-buttons{padding:30px 40px;gap:60px}.button-icon{width:60px;height:60px;font-size:24px}.button-label{font-size:14px}}@media (max-width: 375px){.flashcard,.card-stack{width:240px;height:320px}.control-buttons{gap:40px}}.quiz-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;position:relative}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,44px));background:#fff;border-bottom:1px solid #f3f4f6;position:sticky;top:0;z-index:100}.exit-button{width:32px;height:32px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#1c1c1e;font-size:16px}.exit-button:hover{background:#f3f4f6}.exit-button:active{transform:scale(.95)}.progress-bar-container{flex:1;margin:0 20px}.progress-bar{width:100%;height:8px;background:#e5e5ea;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .4s ease}.progress-counter{font-size:16px;font-weight:600;color:#8e8e93;min-width:50px;text-align:right}.quiz-content{flex:1;padding:24px 20px;max-width:400px;margin:0 auto;width:100%}.chapter-chip{display:inline-block;background:#f3f4f6;color:#8e8e93;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.question-text{font-size:24px;font-weight:700;color:#1c1c1e;line-height:1.3;margin:0;text-align:left}.option-card{display:flex;align-items:center;padding:16px;background:#fff;border:2px solid #E5E5EA;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;min-height:60px}.option-card:hover{border-color:#d1d1d6;transform:translateY(-1px)}.option-card:active{transform:translateY(0) scale(.99)}.option-card.selected{border-color:#22c55e;background:#22c55e0d}.option-card.correct{border-color:#22c55e;background:#22c55e;color:#fff}.option-card.incorrect{border-color:#ef4444;background:#ef4444;color:#fff}.option-card:disabled{cursor:default}.option-letter{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#8e8e93;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-right:16px;flex-shrink:0;transition:all .2s ease}.option-card.selected .option-letter{background:#22c55e;color:#fff}.option-card.correct .option-letter,.option-card.incorrect .option-letter{background:#ffffff4d;color:#fff}.option-text{flex:1;font-size:16px;font-weight:500;line-height:1.4;color:inherit}.option-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:12px;flex-shrink:0}.correct-icon,.incorrect-icon{background:#ffffff4d;color:#fff}.action-button-container{padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom,20px));background:#fff;border-top:1px solid #f3f4f6}.action-button{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-button.disabled{background:#f3f4f6;color:#8e8e93;cursor:not-allowed}.action-button.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.action-button.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.action-button.active:active{transform:translateY(0)}.explanation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s ease}.explanation-sheet{width:100%;max-width:400px;margin:0 auto;background:#fff;border-radius:20px 20px 0 0;animation:slideUp .4s cubic-bezier(.4,0,.2,1);max-height:60vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.explanation-header{padding:24px 20px 16px;border-bottom:1px solid #f3f4f6}.explanation-header h3{font-size:20px;font-weight:700;margin:0}.explanation-header h3.correct{color:#22c55e}.explanation-header h3.incorrect{color:#ef4444}.explanation-content{padding:20px}.explanation-content p{font-size:16px;line-height:1.5;color:#374151;margin:0 0 16px}.explanation-content p:last-child{margin-bottom:0}.explanation-content strong{color:#1c1c1e;font-weight:600}.error-container h3{font-size:20px;font-weight:600;color:#1c1c1e;margin:0 0 16px}.error-container p{font-size:16px;color:#8e8e93;margin:0 0 32px;line-height:1.5}@media (max-width: 480px){.quiz-header{padding:12px 16px}.quiz-content{padding:20px 16px}.question-text{font-size:22px}.option-card{padding:14px;min-height:56px}.option-text{font-size:15px}.action-button-container{padding:16px}.explanation-sheet{max-height:70vh}}@media (max-width: 375px){.question-text{font-size:20px}.option-card{padding:12px;min-height:52px}.option-letter{width:28px;height:28px;font-size:14px;margin-right:12px}.option-text{font-size:14px}}.exam-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;position:relative}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite}.exam-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,44px));background:#fff;border-bottom:1px solid #f3f4f6;position:sticky;top:0;z-index:100}.question-counter{font-size:16px;font-weight:500;color:#6b7280;min-width:120px}.timer-pill{background:#f3f4f6;padding:8px 16px;border-radius:20px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:16px;font-weight:600;transition:all .3s ease}.timer-pill.time-normal{color:#1f2937;background:#f3f4f6}.timer-pill.time-warning{color:#f59e0b;background:#fef3c7}.timer-pill.time-critical{color:#ef4444;background:#fee2e2;animation:pulse 1s infinite}@keyframes pulse{0%,50%{opacity:1}25%,75%{opacity:.7}}.submit-button{background:none;border:none;color:#ef4444;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;min-width:80px;text-align:center}.submit-button:hover{background:#fef2f2}.submit-button:active{transform:scale(.95)}.exam-content{flex:1;padding:24px 20px;max-width:500px;margin:0 auto;width:100%}.question-area{margin-bottom:32px}.question-header{display:flex;align-items:flex-start;gap:16px}.question-text{flex:1;font-size:24px;font-weight:700;color:#1f2937;line-height:1.3;margin:0;text-align:left}.flag-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;color:#9ca3af;font-size:18px;flex-shrink:0;margin-top:4px}.flag-button:hover{background:#f9fafb;color:#6b7280}.flag-button.flagged{color:#f59e0b;background:#fef3c7}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-card-exam{display:flex;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;min-height:60px}.option-card-exam:hover{border-color:#d1d5db}.option-card-exam:active{transform:scale(.99)}.option-card-exam.selected{border-color:#1f2937;border-width:2px;background:#f9fafb}.option-letter-exam{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-right:16px;flex-shrink:0;transition:all .2s ease;border:2px solid transparent}.option-letter-exam.selected{background:#1f2937;color:#fff}.option-text-exam{flex:1;font-size:16px;font-weight:500;line-height:1.4;color:#374151}.exam-navigation{display:flex;align-items:center;justify-content:space-between;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom,20px));background:#fff;border-top:1px solid #f3f4f6}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.nav-button.prev{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.nav-button.prev:disabled{opacity:.5;cursor:not-allowed}.nav-button.prev:not(:disabled):hover{border-color:#d1d5db;background:#f9fafb}.nav-button.next{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none}.nav-button.next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.nav-button.next:active{transform:translateY(0)}.nav-button.map{background:#f3f4f6;color:#6b7280;border:none;width:48px;height:48px;padding:0;justify-content:center}.nav-button.map:hover{background:#e5e7eb}.question-map-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.question-map{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.question-map h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937;text-align:center}.question-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.question-dot{width:44px;height:44px;border-radius:8px;background:#fff;border:2px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.question-dot:hover{border-color:#d1d5db}.question-dot.answered{background:#22c55e;border-color:#22c55e;color:#fff}.question-dot.flagged{background:#f59e0b;border-color:#f59e0b;color:#fff}.question-dot.current{border-color:#3b82f6;border-width:3px}.exam-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:400px;margin:0 auto;width:100%}.exam-summary h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 40px;text-align:center}.summary-stats{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:40px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;border:1px solid #f3f4f6}.stat-number{font-size:24px;font-weight:700;min-width:40px}.stat-number.answered{color:#22c55e}.stat-number.flagged{color:#f59e0b}.stat-number.unanswered{color:#6b7280}.stat-label{flex:1;font-size:16px;font-weight:500;color:#374151}.stat-icon{font-size:16px}.stat-icon.flag{color:#f59e0b}.summary-actions{display:flex;flex-direction:column;gap:12px;width:100%}.btn-back-exam{background:#fff;border:2px solid #e5e7eb;color:#6b7280;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-back-exam:hover{border-color:#d1d5db;background:#f9fafb}.btn-finish{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-finish:hover{transform:translateY(-1px);box-shadow:0 8px 20px #22c55e4d}.btn-finish:active{transform:translateY(0)}@media (max-width: 480px){.exam-header{padding:12px 16px}.question-counter{font-size:14px;min-width:100px}.timer-pill{font-size:14px;padding:6px 12px}.submit-button{font-size:14px;min-width:70px}.exam-content{padding:20px 16px}.question-text{font-size:20px}.option-card-exam{padding:14px;min-height:56px}.option-text-exam{font-size:15px}.exam-navigation{padding:16px}.nav-button{padding:10px 12px;font-size:14px}.nav-button.map{width:40px;height:40px}.question-grid{grid-template-columns:repeat(5,1fr);gap:10px}.question-dot{width:40px;height:40px;font-size:13px}.exam-summary h2{font-size:24px}}@media (max-width: 375px){.question-text{font-size:18px}.option-card-exam{padding:12px}.option-letter-exam{width:28px;height:28px;font-size:14px;margin-right:12px}.question-grid{grid-template-columns:repeat(4,1fr)}}.exam-results-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,44px));background:#fff;border-bottom:1px solid #f3f4f6;position:sticky;top:0;z-index:100}.close-button{width:32px;height:32px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:16px}.close-button:hover{background:#f3f4f6;color:#374151}.close-button:active{transform:scale(.95)}.header-content{text-align:center;flex:1}.results-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.results-date{font-size:14px;color:#9ca3af;margin:0}.results-content{flex:1;padding:32px 20px;max-width:400px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.score-container{margin-bottom:24px}.score-circle{width:180px;height:180px;position:relative;margin:0 auto}.progress-svg{transform:scale(1);transition:transform .3s ease}.progress-svg circle{transition:stroke-dashoffset 1.5s ease-in-out}.progress-svg circle.animate-progress{animation:progressFill 1.5s ease-in-out}.score-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.score-percentage{font-size:42px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.score-label{font-size:16px;font-weight:600;color:#6b7280;text-transform:capitalize}.summary-text{text-align:center;margin-bottom:32px}.summary-text p{font-size:18px;color:#374151;margin:0;font-weight:500}.stats-grid{display:flex;justify-content:center;gap:20px;margin-bottom:40px;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px;height:110px;justify-content:center}.stat-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:16px;color:#fff;flex-shrink:0}.stat-icon.time{background:#64748b}.stat-icon.correct{background:#22c55e}.stat-icon.incorrect{background:#ef4444}.stat-content{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:18px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.action-buttons{width:100%;display:flex;flex-direction:column;gap:12px}.btn-review{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.btn-review:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.btn-review:active{transform:translateY(0)}.btn-back-subject{background:none;color:#6b7280;border:none;padding:16px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.btn-back-subject:hover{color:#374151}.btn-back-subject:active{transform:scale(.98)}@keyframes progressFill{0%{stroke-dashoffset:471}to{stroke-dashoffset:var(--final-offset)}}@media (max-width: 480px){.results-content{padding:24px 16px}.score-circle,.progress-svg{width:160px;height:160px}.score-percentage{font-size:36px}.score-label{font-size:14px}.summary-text p{font-size:16px}.stats-grid{gap:16px}.stat-card{min-width:70px;height:110px}.stat-icon{width:40px;height:40px;font-size:14px}.stat-number{font-size:16px}}@media (max-width: 375px){.results-content{padding:20px 12px}.score-circle,.progress-svg{width:140px;height:140px}.score-percentage{font-size:32px}.stats-grid{gap:12px}.stat-card{min-width:65px;height:100px}.stat-icon{width:36px;height:36px;font-size:13px}.stat-number{font-size:15px}}.exam-review-page{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.review-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,44px));background:#fff;border-bottom:1px solid #f3f4f6;position:sticky;top:0;z-index:100;min-height:64px}.review-back-button{width:32px;height:32px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:16px}.review-back-button:hover{background:#f3f4f6;color:#374151}.review-back-button:active{transform:scale(.95)}.review-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.header-spacer{width:32px}.review-content{flex:1;padding:24px 20px;max-width:600px;margin:0 auto;width:100%}.review-summary{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #f3f4f6;box-shadow:0 2px 8px #0000000a}.review-summary h3{font-size:18px;font-weight:600;color:#1f2937;margin:0;text-align:center}.review-question{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid #f3f4f6;box-shadow:0 2px 8px #0000000a}.question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.question-number{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.result-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.result-badge.correct{background:#22c55e1a;color:#22c55e}.result-badge.incorrect{background:#ef44441a;color:#ef4444}.result-badge.unanswered{background:#6b72801a;color:#6b7280}.question-text{font-size:18px;font-weight:600;color:#1f2937;line-height:1.4;margin-bottom:20px}.options-review{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.option-review{display:flex;align-items:center;padding:16px;border:2px solid #f3f4f6;border-radius:12px;background:#fafbfc;position:relative}.option-review.correct-answer{border-color:#22c55e;background:#22c55e0d}.option-review.wrong-answer{border-color:#ef4444;background:#ef44440d}.option-letter{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-right:16px;flex-shrink:0}.option-review.correct-answer .option-letter{background:#22c55e;color:#fff}.option-review.wrong-answer .option-letter{background:#ef4444;color:#fff}.option-text{flex:1;font-size:16px;color:#374151;line-height:1.4}.correct-icon,.wrong-icon{margin-left:12px;font-size:16px;flex-shrink:0}.correct-icon{color:#22c55e}.wrong-icon{color:#ef4444}.explanation{background:#f8fafc;border-radius:12px;padding:16px;border-left:4px solid #22c55e}.explanation h4{font-size:14px;font-weight:600;color:#22c55e;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.explanation p{font-size:15px;color:#374151;line-height:1.5;margin:0}.error-container{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-container h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px}.error-container p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5}.btn-back{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-back:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.btn-back:active{transform:translateY(0)}@media (max-width: 480px){.review-content{padding:20px 16px}.review-question{padding:20px}.question-header{flex-direction:column;align-items:flex-start;gap:12px}.question-text{font-size:16px}.option-review{padding:14px}.option-letter{width:28px;height:28px;font-size:13px;margin-right:12px}.option-text{font-size:15px}.explanation{padding:14px}.explanation p{font-size:14px}}@media (max-width: 375px){.review-question{padding:16px}.question-text{font-size:15px}.option-text{font-size:14px}}.processing-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 20px;position:relative;overflow:hidden}.cancel-button{position:absolute;top:max(20px,env(safe-area-inset-top,20px));right:20px;width:40px;height:40px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#374151;font-size:18px;z-index:10;box-shadow:0 2px 8px #0000001a}.cancel-button:hover{background:#fff;color:#1f2937;transform:scale(1.05)}.cancel-button:active{transform:scale(.95)}.processing-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;flex:1;justify-content:center;gap:20px}.processing-loading-content{display:flex;justify-content:center;align-items:center;margin-bottom:20px;height:auto}.processing-loading-container{position:relative;display:flex;justify-content:center;align-items:center;width:120px;height:120px}.processing-loading-circle{position:absolute;width:120px;height:120px;border:4px solid rgba(34,197,94,.2);border-top:4px solid #22c55e;border-radius:50%;animation:processingSpinAnimation 1s linear infinite;z-index:1}.processing-loading-image{width:80px;height:80px;border-radius:50%;object-fit:cover;z-index:2}@keyframes processingSpinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-animation{position:relative;width:120px;height:120px;margin-bottom:40px;display:flex;align-items:center;justify-content:center}.bamboost-icon{position:relative;width:80px;height:80px;animation:breathe 2s ease-in-out infinite}.bamboo-stem{position:absolute;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:8px;animation:grow 2s ease-in-out infinite}.stem-1{width:8px;height:60px;left:20px;top:10px;animation-delay:0s}.stem-2{width:10px;height:70px;left:35px;top:5px;animation-delay:.2s}.stem-3{width:8px;height:55px;left:52px;top:12px;animation-delay:.4s}.leaf{position:absolute;background:linear-gradient(45deg,#22c55e,#16a34a);border-radius:50% 10px;animation:sway 3s ease-in-out infinite}.leaf-1{width:20px;height:12px;left:15px;top:20px;transform:rotate(-30deg);animation-delay:0s}.leaf-2{width:18px;height:10px;left:45px;top:15px;transform:rotate(30deg);animation-delay:.5s}.leaf-3{width:16px;height:10px;left:25px;top:40px;transform:rotate(-60deg);animation-delay:1s}.leaf-4{width:22px;height:14px;left:50px;top:35px;transform:rotate(45deg);animation-delay:1.5s}.leaf-5{width:18px;height:11px;left:35px;top:55px;transform:rotate(-15deg);animation-delay:2s}.leaf-6{width:15px;height:9px;left:55px;top:50px;transform:rotate(60deg);animation-delay:2.5s}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,rgba(34,197,94,.05) 50%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-content{margin-bottom:20px}.status-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.2;animation:fadeInUp .5s ease-out}.status-description{font-size:16px;color:#6b7280;margin:0;line-height:1.5;animation:fadeInUp .5s ease-out .2s both}.progress-dots{display:flex;gap:8px;margin-bottom:20px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.progress-dot.active{background:#22c55e;transform:scale(1.2)}.study-tip{margin-top:10px;padding-top:10px}.study-tip p{font-size:14px;color:#9ca3af;font-style:italic;margin:0;line-height:1.4;animation:fadeIn .5s ease-out}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.processing-page{padding:30px 16px}.processing-animation{width:100px;height:100px;margin-bottom:32px}.bamboost-icon{width:70px;height:70px}.status-title{font-size:22px}.status-description{font-size:15px}.study-tip p{font-size:13px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1a202c;line-height:1.6}.App{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.form-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#667eea}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 1rem}.btn{width:100%;margin-bottom:.5rem}.card{padding:1rem}}