@charset "UTF-8";@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-element{opacity:0;transform:translateY(30px);transition:none}.animated-element.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animated-element.animate-fadeInLeft{animation:fadeInLeft .8s ease-out forwards}.animated-element.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards}.animated-element.animate-scaleIn{animation:scaleIn .8s ease-out forwards}.animated-element.animate-slideInUp{animation:slideInUp .8s ease-out forwards}.tutorial-guide{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#2d3748}.tutorial-guide .language-selector-container{margin-bottom:20px}.tutorial-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:white;position:relative;overflow:hidden}.tutorial-header .tutorial-title{font-size:2.5rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.tutorial-header .tutorial-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:rgba(255,255,255,.5);border-radius:2px}.tutorial-header .tutorial-subtitle{font-size:1.2rem;margin:0;opacity:.9;font-weight:300;position:relative;z-index:1}.tutorial-section{margin-bottom:48px;background:white;border-radius:12px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.tutorial-section:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-4px)}.tutorial-section:hover:before{left:100%}.tutorial-section:hover .section-title:after{width:60px}.tutorial-section .section-icon{font-size:2.5rem;margin-bottom:16px;display:inline-block;animation:bounce 2s ease-in-out infinite}.tutorial-section .section-title{font-size:1.8rem;font-weight:600;margin:0 0 16px;color:#1a202c;display:flex;align-items:center;gap:12px;position:relative}.tutorial-section .section-description{font-size:1.1rem;color:#4a5568;margin-bottom:24px;line-height:1.7}.intro-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #4299e1;position:relative}.intro-section:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:rgba(66,153,225,.1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.steps-container{display:flex;flex-direction:column;gap:24px}.steps-container .step-wrapper{width:100%}.steps-container .step-item{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.steps-container .step-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(135deg,#4299e1,#3182ce);transition:height .3s ease}.steps-container .step-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(8px)}.steps-container .step-item:hover:before{height:100%}.steps-container .step-item:hover .step-number:after{opacity:1}.steps-container .step-item:hover .step-content .step-title{color:#1a202c}.steps-container .step-item:hover .step-content .step-description{color:#2d3748}.steps-container .step-item .step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#4299e1,#3182ce);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px rgba(66,153,225,.3);position:relative}.steps-container .step-item .step-content{flex:1}.steps-container .step-item .step-content .step-title{font-size:1.3rem;font-weight:600;margin:0 0 8px;color:#2d3748;transition:color .3s ease}.steps-container .step-item .step-content .step-description{font-size:1rem;color:#4a5568;margin:0;line-height:1.6;transition:color .3s ease}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-grid .feature-wrapper{width:100%}.feature-grid .feature-card{padding:24px;background:#ffffff;border:2px solid #e2e8f0;border-radius:12px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.feature-grid .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4299e1,#9f7aea);transform:scaleX(0);transition:transform .3s ease}.feature-grid .feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(66,153,225,.05),rgba(159,122,234,.05));opacity:0;transition:opacity .3s ease}.feature-grid .feature-card:hover{border-color:#cbd5e1;box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-8px) scale(1.02)}.feature-grid .feature-card:hover:before{transform:scaleX(1)}.feature-grid .feature-card:hover:after{opacity:1}.feature-grid .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-grid .feature-card .feature-icon{font-size:2.5rem;margin-bottom:16px;display:block;position:relative;z-index:1;transition:transform .3s ease}.feature-grid .feature-card .feature-title{font-size:1.2rem;font-weight:600;margin:0 0 12px;color:#2d3748;position:relative;z-index:1}.feature-grid .feature-card .feature-description{font-size:.95rem;color:#4a5568;margin:0;line-height:1.6;position:relative;z-index:1}.advanced-features{display:flex;flex-direction:column;gap:32px}.advanced-features .advanced-wrapper{width:100%}.advanced-features .advanced-item{padding:24px;background:#f8fafc;border-radius:12px;border-left:4px solid #9f7aea;position:relative;transition:all .3s ease}.advanced-features .advanced-item:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:linear-gradient(135deg,rgba(159,122,234,.1),transparent);transition:width .3s ease}.advanced-features .advanced-item:hover{background:#f1f5f9;transform:translateX(8px)}.advanced-features .advanced-item:hover:before{width:100%}.advanced-features .advanced-item .advanced-title{font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#2d3748;position:relative;z-index:1}.advanced-features .advanced-item .advanced-description{font-size:1rem;color:#4a5568;margin:0 0 16px;line-height:1.6;position:relative;z-index:1}.advanced-features .advanced-item .tip-box{background:#fef5e7;border:1px solid #f6ad55;border-radius:8px;padding:12px 16px;font-size:.9rem;color:#744210;position:relative;z-index:1}.advanced-features .advanced-item .tip-box .tip-label{font-weight:600;margin-right:8px}.video-section{background:linear-gradient(135deg,#1a202c,#2d3748);color:white;position:relative;overflow:hidden}.video-section:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 70%);animation:rotate 30s linear infinite}.video-section .section-title{color:white;position:relative;z-index:1}.video-section .section-description{color:#cbd5e1;position:relative;z-index:1}.video-section .video-container{margin-top:24px;position:relative;z-index:1}.video-section .video-container .video-placeholder{background:#4a5568;border-radius:12px;padding:60px 20px;text-align:center;border:2px dashed #718096;position:relative;transition:all .3s ease}.video-section .video-container .video-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(113,128,150,.1),transparent,rgba(113,128,150,.1));animation:shimmer 3s ease-in-out infinite}.video-section .video-container .video-placeholder:hover{border-color:#9ca3af;background:#556b7d;transform:scale(1.02)}.video-section .video-container .video-placeholder:hover .play-button{opacity:1;transform:scale(1.1)}.video-section .video-container .video-placeholder .play-button{font-size:3rem;margin-bottom:16px;display:block;opacity:.7;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.video-section .video-container .video-placeholder p{margin:0;color:#cbd5e1;font-size:1.1rem;position:relative;z-index:1}.faq-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #48bb78}.faq-section .faq-container{display:flex;flex-direction:column;gap:20px}.faq-section .faq-container .faq-wrapper{width:100%}.faq-section .faq-container .faq-item{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.faq-section .faq-container .faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-4px);border-color:#48bb78}.faq-section .faq-container .faq-item:hover:before{left:100%}.faq-section .faq-container .faq-item:hover .faq-question:before{opacity:1;transform:scale(1.2)}.faq-section .faq-container .faq-item .faq-question{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:#2d3748;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.faq-section .faq-container .faq-item .faq-question:before{content:"❓";font-size:1rem;opacity:.7;transition:all .3s ease}.faq-section .faq-container .faq-item .faq-answer{font-size:1rem;color:#4a5568;margin:0;line-height:1.6;padding-left:24px;position:relative;z-index:1}.tutorial-footer{margin-top:60px;background:linear-gradient(135deg,#38b2ac,#319795);border-radius:16px;padding:40px;text-align:center;color:white;position:relative;overflow:hidden}.tutorial-footer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:rotate 25s linear infinite reverse;pointer-events:none}.tutorial-footer .footer-content{position:relative;z-index:1}.tutorial-footer .footer-content .footer-title{font-size:1.8rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.tutorial-footer .footer-content .footer-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:rgba(255,255,255,.5);border-radius:1px}.tutorial-footer .footer-content .footer-text{font-size:1.1rem;opacity:.9;line-height:1.7;max-width:600px;margin:0 auto}.navigation-section{background:linear-gradient(135deg,#e6fffa,#e0f7fa);border-left:4px solid #38b2ac;position:relative}.navigation-section:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:rgba(56,178,172,.1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.navigation-features{display:flex;flex-direction:column;gap:24px}.navigation-features .navigation-wrapper{width:100%}.navigation-features .navigation-item{padding:24px;background:#ffffff;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.navigation-features .navigation-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(135deg,#38b2ac,#319795);transition:height .3s ease}.navigation-features .navigation-item:hover{border-color:#38b2ac;box-shadow:0 8px 32px rgba(56,178,172,.15);transform:translateY(-4px)}.navigation-features .navigation-item:hover:before{height:100%}.navigation-features .navigation-item:hover .navigation-icon{transform:scale(1.1) rotate(5deg)}.navigation-features .navigation-item .navigation-icon{font-size:2rem;margin-bottom:12px;display:inline-block;transition:transform .3s ease}.navigation-features .navigation-item .navigation-title{font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#2d3748}.navigation-features .navigation-item .navigation-description{font-size:1rem;color:#4a5568;margin:0;line-height:1.6}.keyboard-section{background:linear-gradient(135deg,#fef5e7,#fed7aa);border-left:4px solid #f6ad55;position:relative}.keyboard-section:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:rgba(246,173,85,.1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.keyboard-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.keyboard-features .keyboard-wrapper{width:100%}.keyboard-features .keyboard-item{padding:24px;background:#ffffff;border-radius:12px;border:2px solid #fed7aa;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.keyboard-features .keyboard-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f6ad55,#ed8936);transform:scaleX(0);transition:transform .3s ease}.keyboard-features .keyboard-item:hover{border-color:#f6ad55;box-shadow:0 8px 32px rgba(246,173,85,.2);transform:translateY(-4px)}.keyboard-features .keyboard-item:hover:before{transform:scaleX(1)}.keyboard-features .keyboard-item:hover .keyboard-icon{transform:scale(1.1) rotate(-5deg)}.keyboard-features .keyboard-item .keyboard-icon{font-size:2.5rem;margin-bottom:16px;display:block;text-align:center;transition:transform .3s ease}.keyboard-features .keyboard-item .keyboard-title{font-size:1.2rem;font-weight:600;margin:0 0 12px;color:#2d3748;text-align:center}.keyboard-features .keyboard-item .keyboard-description{font-size:1rem;color:#4a5568;margin:0;line-height:1.6;text-align:center}.shortcuts-list{margin-top:16px}.shortcuts-list .shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7fafc;border-radius:6px;margin-bottom:8px;border:1px solid #e2e8f0;transition:all .3s ease}.shortcuts-list .shortcut-item:hover{background:#edf2f7;border-color:#cbd5e1}.shortcuts-list .shortcut-item:last-child{margin-bottom:0}.shortcuts-list .shortcut-item .shortcut-key{background:#ed8936;color:white;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600;font-family:Courier New,monospace}.shortcuts-list .shortcut-item .shortcut-desc{font-size:.9rem;color:#4a5568}.conjugation-section{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-left:4px solid #48bb78;position:relative}.conjugation-section:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:rgba(72,187,120,.1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.conjugation-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.conjugation-examples .conjugation-wrapper{width:100%}.conjugation-examples .conjugation-example{padding:24px;background:#ffffff;border-radius:12px;border:2px solid #c6f6d5;box-shadow:0 4px 20px rgba(72,187,120,.1)}.conjugation-examples .conjugation-example .conjugation-title{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:#2d3748;text-align:center}.conjugation-examples .conjugation-verbs{padding:24px;background:#ffffff;border-radius:12px;border:2px solid #c6f6d5;box-shadow:0 4px 20px rgba(72,187,120,.1)}.conjugation-examples .conjugation-verbs .conjugation-title{font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#2d3748;text-align:center}.conjugation-examples .conjugation-verbs .conjugation-description{font-size:1rem;color:#4a5568;margin:0 0 20px;line-height:1.6;text-align:center}.example-list{display:flex;flex-direction:column;gap:12px}.example-list .example-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.example-list .example-item:hover{background:#edf2f7;border-color:#48bb78;transform:scale(1.02)}.example-list .example-item .example-input{background:#fed7d7;color:#c53030;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.9rem}.example-list .example-item .example-arrow{font-size:1.2rem;color:#48bb78;font-weight:700}.example-list .example-item .example-output{background:#c6f6d5;color:#22543d;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.9rem}.verbs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.verbs-grid .verb-item{background:#48bb78;color:white;padding:8px 12px;border-radius:6px;text-align:center;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:default}.verbs-grid .verb-item:hover{background:#38a169;transform:scale(1.05);box-shadow:0 4px 12px rgba(72,187,120,.3)}.voice-settings-list{margin-top:16px}.voice-settings-list .setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .3s ease}.voice-settings-list .setting-item:hover{background:#edf2f7;border-color:#9f7aea;transform:translateX(4px)}.voice-settings-list .setting-item:last-child{margin-bottom:0}.voice-settings-list .setting-item .setting-name{background:#9f7aea;color:white;padding:4px 12px;border-radius:6px;font-size:.9rem;font-weight:600;min-width:80px;text-align:center}.voice-settings-list .setting-item .setting-desc{font-size:.9rem;color:#4a5568;line-height:1.4;flex:1;margin-left:12px}.organization-features{display:flex;flex-direction:column;gap:12px;margin-top:16px}.organization-features .organization-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.organization-features .organization-item:hover{background:#edf2f7;border-color:#9f7aea;transform:translateX(4px)}.organization-features .organization-item:hover .organization-icon{transform:scale(1.2) rotate(10deg)}.organization-features .organization-item .organization-icon{font-size:1.2rem;transition:transform .3s ease}.organization-features .organization-item .organization-text{font-size:.95rem;color:#4a5568;font-weight:500}.shortcuts-section{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-left:4px solid #d946ef;position:relative}.shortcuts-section:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:rgba(217,70,239,.1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.shortcuts-grid .shortcut-wrapper{width:100%}.shortcuts-grid .shortcut-card{padding:20px;background:#ffffff;border:2px solid #fce7f3;border-radius:12px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.shortcuts-grid .shortcut-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d946ef,#c026d3);transform:scaleX(0);transition:transform .3s ease}.shortcuts-grid .shortcut-card:hover{border-color:#d946ef;box-shadow:0 8px 32px rgba(217,70,239,.2);transform:translateY(-4px) scale(1.02)}.shortcuts-grid .shortcut-card:hover:before{transform:scaleX(1)}.shortcuts-grid .shortcut-card:hover .shortcut-keys{transform:scale(1.05)}.shortcuts-grid .shortcut-card .shortcut-keys{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;transition:transform .3s ease}.shortcuts-grid .shortcut-card .shortcut-keys .key{background:#d946ef;color:white;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.9rem;font-family:Courier New,monospace;box-shadow:0 2px 4px rgba(217,70,239,.3)}.shortcuts-grid .shortcut-card .shortcut-keys .plus{font-size:1.2rem;color:#d946ef;font-weight:700}.shortcuts-grid .shortcut-card .shortcut-description{font-size:.95rem;color:#4a5568;margin:0;line-height:1.5}@media (max-width:900px){.animated-element,.animated-element *{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.tutorial-guide{padding:16px}.tutorial-header{padding:30px 16px}.tutorial-header .tutorial-title{font-size:2rem}.tutorial-header .tutorial-subtitle{font-size:1rem}.tutorial-section{padding:24px 20px;margin-bottom:32px}.tutorial-section:hover{transform:none}.tutorial-section .section-title{font-size:1.5rem}.tutorial-section .section-description{font-size:1rem}.tutorial-section .section-icon{animation:none}.steps-container .step-item{flex-direction:column;text-align:center;gap:16px}.steps-container .step-item:hover{transform:none}.steps-container .step-item .step-number{align-self:center}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-grid .feature-card:hover{transform:none}.advanced-features{gap:24px}.advanced-features .advanced-item{padding:20px}.advanced-features .advanced-item:hover{transform:none}.tutorial-footer{padding:30px 20px}.tutorial-footer .footer-content .footer-title{font-size:1.5rem}.tutorial-footer .footer-content .footer-text{font-size:1rem}.conjugation-examples .conjugation-example:hover,.conjugation-examples .conjugation-verbs:hover,.conjugation-examples .keyboard-item:hover,.conjugation-examples .navigation-item:hover,.keyboard-features .conjugation-example:hover,.keyboard-features .conjugation-verbs:hover,.keyboard-features .keyboard-item:hover,.keyboard-features .navigation-item:hover,.navigation-features .conjugation-example:hover,.navigation-features .conjugation-verbs:hover,.navigation-features .keyboard-item:hover,.navigation-features .navigation-item:hover,.organization-features .organization-item:hover,.shortcuts-grid .shortcut-card:hover{transform:none}}@media (max-width:768px){.tutorial-header .tutorial-title{font-size:1.8rem}.tutorial-section{padding:20px 16px}.tutorial-section .section-icon{font-size:2rem}.tutorial-section .section-title{font-size:1.3rem}.steps-container .step-item{padding:20px}.steps-container .step-item .step-number{width:35px;height:35px;font-size:1rem}.steps-container .step-item .step-content .step-title{font-size:1.1rem}.steps-container .step-item .step-content .step-description{font-size:.9rem}.feature-grid .feature-card{padding:20px}.feature-grid .feature-card .feature-icon{font-size:2rem}.feature-grid .feature-card .feature-title{font-size:1.1rem}.feature-grid .feature-card .feature-description{font-size:.9rem}.advanced-features .advanced-item .advanced-title{font-size:1.1rem}.advanced-features .advanced-item .advanced-description{font-size:.9rem}.advanced-features .advanced-item .tip-box{font-size:.85rem}.faq-section .faq-container .faq-item{padding:16px}.faq-section .faq-container .faq-item .faq-question{font-size:1rem}.faq-section .faq-container .faq-item .faq-answer{font-size:.9rem;padding-left:20px}.keyboard-features{grid-template-columns:1fr;gap:16px}.conjugation-examples{grid-template-columns:1fr;gap:24px}.shortcuts-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.verbs-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.voice-settings-list .setting-item{flex-direction:column;gap:8px;align-items:flex-start}.voice-settings-list .setting-item .setting-name{align-self:flex-start}.voice-settings-list .setting-item .setting-desc{margin-left:0}}@media (max-width:480px){.tutorial-guide{padding:12px}.tutorial-header{padding:24px 16px}.tutorial-header .tutorial-title{font-size:1.6rem}.tutorial-header .tutorial-subtitle{font-size:.9rem}.tutorial-section{padding:16px 12px;margin-bottom:24px}.tutorial-section .section-title{font-size:1.2rem;flex-direction:column;gap:8px}.tutorial-section .section-description{font-size:.9rem}.steps-container{gap:16px}.steps-container .step-item{padding:16px}.steps-container .step-item .step-number{width:30px;height:30px;font-size:.9rem}.steps-container .step-item .step-content .step-title{font-size:1rem}.steps-container .step-item .step-content .step-description{font-size:.85rem}.feature-grid{gap:12px}.feature-grid .feature-card{padding:16px}.feature-grid .feature-card .feature-icon{font-size:1.8rem}.feature-grid .feature-card .feature-title{font-size:1rem}.feature-grid .feature-card .feature-description{font-size:.85rem}.advanced-features{gap:16px}.advanced-features .advanced-item{padding:16px}.advanced-features .advanced-item .advanced-title{font-size:1rem}.advanced-features .advanced-item .advanced-description{font-size:.85rem}.advanced-features .advanced-item .tip-box{font-size:.8rem;padding:10px 12px}.video-section .video-container .video-placeholder{padding:40px 16px}.video-section .video-container .video-placeholder .play-button{font-size:2.5rem}.video-section .video-container .video-placeholder p{font-size:1rem}.faq-section .faq-container{gap:16px}.faq-section .faq-container .faq-item{padding:16px}.faq-section .faq-container .faq-item .faq-question{font-size:.95rem}.faq-section .faq-container .faq-item .faq-answer{font-size:.85rem;padding-left:16px}.tutorial-footer{padding:24px 16px}.tutorial-footer .footer-content .footer-title{font-size:1.3rem}.tutorial-footer .footer-content .footer-text{font-size:.9rem}.keyboard-features,.navigation-features{gap:16px}.keyboard-features .keyboard-item,.keyboard-features .navigation-item,.navigation-features .keyboard-item,.navigation-features .navigation-item{padding:20px 16px}.keyboard-features .keyboard-item .keyboard-title,.keyboard-features .keyboard-item .navigation-title,.keyboard-features .navigation-item .keyboard-title,.keyboard-features .navigation-item .navigation-title,.navigation-features .keyboard-item .keyboard-title,.navigation-features .keyboard-item .navigation-title,.navigation-features .navigation-item .keyboard-title,.navigation-features .navigation-item .navigation-title{font-size:1.1rem}.keyboard-features .keyboard-item .keyboard-description,.keyboard-features .keyboard-item .navigation-description,.keyboard-features .navigation-item .keyboard-description,.keyboard-features .navigation-item .navigation-description,.navigation-features .keyboard-item .keyboard-description,.navigation-features .keyboard-item .navigation-description,.navigation-features .navigation-item .keyboard-description,.navigation-features .navigation-item .navigation-description{font-size:.9rem}.conjugation-examples{gap:20px}.conjugation-examples .conjugation-example,.conjugation-examples .conjugation-verbs{padding:20px 16px}.conjugation-examples .conjugation-example .conjugation-title,.conjugation-examples .conjugation-verbs .conjugation-title{font-size:1.1rem}.conjugation-examples .conjugation-example .conjugation-description,.conjugation-examples .conjugation-verbs .conjugation-description{font-size:.9rem}.shortcuts-grid{grid-template-columns:1fr;gap:12px}.shortcuts-grid .shortcut-card{padding:16px}.shortcuts-grid .shortcut-card .shortcut-keys .key{padding:6px 10px;font-size:.8rem}.shortcuts-grid .shortcut-card .shortcut-description{font-size:.85rem}.verbs-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px}.verbs-grid .verb-item{padding:6px 8px;font-size:.8rem}.example-list .example-item{flex-direction:column;gap:8px;text-align:center}.example-list .example-item .example-input,.example-list .example-item .example-output{font-size:.8rem;padding:4px 8px}.example-list .example-item .example-arrow{font-size:1rem;transform:rotate(90deg)}.shortcuts-list .shortcut-item{flex-direction:column;gap:8px;align-items:flex-start}.shortcuts-list .shortcut-item .shortcut-key{align-self:flex-start;font-size:.8rem;padding:3px 6px}.shortcuts-list .shortcut-item .shortcut-desc{font-size:.85rem}.organization-features .organization-item{padding:10px 12px}.organization-features .organization-item .organization-text{font-size:.85rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.maieuta-login-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeInUp .6s ease-out}.background-image{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(4px);transform:scale(1.1);z-index:-2}.background-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.377);z-index:-1}.top-navigation{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;animation:fadeInDown .6s ease-out .3s both}.nav-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.8);border-radius:8px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.nav-back-button:hover{background:rgba(248,250,252,.95);border-color:rgba(203,213,225,.9);color:#475569;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.nav-back-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.05)}.nav-language-selector{display:flex;align-items:center}.main-content{width:100%;padding:5rem 2rem 2rem;position:relative;z-index:10;animation:fadeInUp .8s ease-out both}.logo-section{display:flex;justify-content:center;margin-bottom:2rem;animation:scaleIn .6s ease-out .2s both}.maieuta-logo{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:transform .3s ease}.maieuta-logo:hover{transform:scale(1.05)}.welcome-section{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .6s ease-out .4s both}.welcome-title{font-size:2rem;font-weight:700;color:#ffffff;text-align:center;margin-bottom:.75rem;letter-spacing:-.025em;line-height:1.2;background:#ffffff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-description{font-size:1rem;color:#ffffff;text-align:center;line-height:1.5;max-width:400px;margin:0 auto}.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:2.5rem 2.5rem 1.25rem;animation:scaleIn .6s ease-out .6s both;transition:all .3s ease;margin:0 auto 2rem;width:100%;max-width:400px}.login-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.3);transform:translateY(-2px)}.login-tabs{margin-bottom:1.25rem}.tabs-header{display:grid;grid-template-columns:1fr 1fr;background:#e4e9ee;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:6px;margin-bottom:2rem}.tab-button{padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;color:#425166;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.tab-button.active{background:rgba(255,255,255,.9);color:#1e293b;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.tab-button:hover:not(.active){color:#475569;background:rgba(255,255,255,.2)}.space-y-4>*+*{margin-top:1rem}.form-group{margin-bottom:.875rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-align:left}.maieuta-input{width:100%;padding:.875rem 1rem;font-size:.875rem;border:2px solid #e2e8f0;border-radius:10px;background:rgba(255,255,255,.9);color:#1f2937;transition:all .2s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.maieuta-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1);background:rgba(255,255,255,.95);outline:none}.maieuta-input:hover:not(:focus){border-color:#cbd5e1;background:rgba(255,255,255,.95)}.maieuta-input::placeholder{color:#9ca3af}.password-container{position:relative;display:flex;align-items:center}.password-container .password-field{padding-right:3rem}.password-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.375rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.password-toggle:hover{color:#374151;background:rgba(243,244,246,.8)}.password-toggle:focus{outline:none;color:#3b82f6;background:rgba(59,130,246,.1)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.maieuta-btn-primary{width:100%;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;color:#ffffff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px 0 rgba(59,130,246,.25);margin-top:.5rem}.maieuta-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px 0 rgba(59,130,246,.4);transform:translateY(-1px)}.maieuta-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px 0 rgba(59,130,246,.3)}.maieuta-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.maieuta-btn-secondary{padding:1rem 1.5rem;font-size:.875rem;font-weight:600;color:#374151;background:rgba(255,255,255,.9);border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.maieuta-btn-secondary:hover:not(:disabled){background:rgba(248,250,252,.95);border-color:#cbd5e1;color:#1f2937;transform:translateY(-1px)}.maieuta-btn-secondary:active:not(:disabled){transform:translateY(0)}.maieuta-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.button-group .maieuta-btn-primary,.button-group .maieuta-btn-secondary{flex:1;margin-top:0}.terms-section{margin-bottom:1.5rem;padding:1.25rem;background:rgba(248,250,252,.8);border:2px solid rgba(226,232,240,.6);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.terms-wrapper{display:flex;align-items:flex-start;gap:.75rem}.terms-checkbox{margin-top:.125rem;flex-shrink:0}.terms-label{font-size:.8125rem;color:#475569;line-height:1.5;cursor:pointer;text-align:left}.terms-link{color:#3b82f6;text-decoration:underline;font-weight:600;transition:all .2s ease}.terms-link:hover{color:#1d4ed8;text-decoration-thickness:2px}.alert{padding:1rem;border-radius:10px;margin-top:1rem;display:flex;align-items:center;gap:.75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid}.alert span{font-size:.8125rem;line-height:1.4}.alert-error{background:rgba(254,242,242,.9);border-color:rgba(252,165,165,.6);color:#dc2626}.alert-success{background:rgba(240,253,244,.9);border-color:rgba(187,247,208,.6);color:#16a34a}.authorization-header{text-align:center;margin-bottom:1.5rem}.authorization-icon{margin:0 auto 1rem;color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.2))}.authorization-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.authorization-description{font-size:.875rem;color:#6b7280;line-height:1.5}.completion-screen{text-align:center;padding:2rem 0}.completion-icon{margin:0 auto 1rem;color:#10b981;filter:drop-shadow(0 2px 4px rgba(16,185,129,.2))}.completion-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.completion-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:1.5rem}.helper-text,.helper-text-darker{color:#ff5599;font-size:.75rem;margin-top:.5rem;font-style:italic}.footer-section{animation:fadeInUp .6s ease-out .8s both}.footer-content{text-align:center;padding:1.5rem;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(226,232,240,.6);width:100%;margin-bottom:1rem}.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.footer-link{font-size:.8125rem;color:#64748b;text-decoration:none;font-weight:500;transition:all .2s ease}.footer-link:hover{color:#3b82f6;text-decoration:underline}.separator{color:#cbd5e1;font-weight:300}.copyright{font-size:.75rem;color:#94a3b8;font-weight:500}@media (max-width:768px){.maieuta-login-container{padding:1rem}.main-content{padding:4rem 1rem 1rem}.login-card{padding:1.5rem;margin-bottom:1rem}.welcome-title{font-size:1.75rem}.welcome-description{font-size:.875rem}.welcome-section{margin-bottom:1.5rem}.form-grid{grid-template-columns:1fr;gap:.875rem}.form-group{margin-bottom:.75rem}.button-group{flex-direction:column;gap:.75rem}.button-group .maieuta-btn-primary,.button-group .maieuta-btn-secondary{flex:none;width:100%}.footer-section{width:100%;max-width:400px}.footer-content{display:flex;flex-direction:column;gap:.75rem}.footer-links{gap:1.35rem}.footer-links>:nth-child(2),.footer-links>:nth-child(4),.footer-links>:nth-child(6){display:none}.top-navigation{padding:.75rem 1rem}.nav-back-button{padding:.375rem .75rem;font-size:.8125rem}.back-text{display:none}}@media (max-width:480px){.main-content{padding:3.5rem .5rem .5rem}.login-card{padding:1.25rem;border-radius:12px}.maieuta-logo{width:70px}.welcome-title{font-size:1.5rem}.tabs-header{padding:4px}.tab-button{padding:.75rem 1rem;font-size:.8125rem}.maieuta-input{padding:.75rem .875rem}.maieuta-btn-primary,.maieuta-btn-secondary{padding:.875rem 1.25rem}.terms-section{padding:1rem}.terms-label{font-size:.75rem}.footer-content{padding:1rem}.top-navigation{padding:.5rem .75rem}.nav-back-button{padding:.375rem .5rem;min-width:2.5rem;justify-content:center}}@media (max-width:360px){.login-card{padding:1rem}.welcome-title{font-size:1.375rem}.terms-label{font-size:.6875rem}.footer-link{font-size:.75rem}.copyright{font-size:.6875rem}}.browser-disclaimer-card{margin-top:1rem;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.98));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:1rem;position:relative;transition:all .2s ease;max-width:320px;z-index:100}.browser-disclaimer-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.browser-disclaimer-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .15s ease}.browser-disclaimer-close:hover{color:#6b7280;background:rgba(243,244,246,.8)}.browser-disclaimer-content{display:flex;align-items:flex-start;gap:.75rem}.browser-disclaimer-icon{flex-shrink:0;margin-top:.125rem;padding:.375rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 4px 12px rgba(59,130,246,.3)}.disclaimer-info-icon{color:white}.browser-disclaimer-text{flex:1}.disclaimer-greeting{font-size:.8125rem;font-weight:600;color:#1f2937;margin-bottom:.375rem;line-height:1.3}.disclaimer-description{font-size:.6875rem;color:#6b7280;line-height:1.4;margin-bottom:.625rem}.browser-list{gap:.75rem;flex-wrap:wrap}.browser-item,.browser-list{display:flex;align-items:center}.browser-item{gap:.25rem;transition:all .15s ease}.browser-item:hover{transform:translateY(-1px)}.browser-item:hover .browser-icon-placeholder{transform:scale(1.1);border-color:#3b82f6;background:rgba(59,130,246,.05)}.browser-item:hover .browser-name{color:#3b82f6}.browser-icon-placeholder{width:.875rem;height:.875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.browser-icon-img{width:100%;height:100%;object-fit:contain;border-radius:2px}.browser-name{font-size:.6875rem;color:#4b5563;font-weight:500;transition:color .15s ease}@media (max-width:768px){.browser-disclaimer-card{padding:.75rem;border-radius:8px;max-width:280px}.disclaimer-greeting{font-size:.75rem}.disclaimer-description{font-size:.625rem}}@media (max-width:480px){.browser-disclaimer-card{padding:.5rem;max-width:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen-selector{display:flex;width:100%;height:100vh;overflow:hidden;animation:fadeIn .5s ease-out}.screen-selector .app-selector{flex:1;padding:20px;overflow-y:auto;animation:fadeInUp .6s ease-out .1s both}.screen-selector .app-selector .app-selector-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.screen-selector .app-selector .app-selector-container .app-header{flex-shrink:0;margin-bottom:2rem}.screen-selector .app-selector .app-selector-container .app-header .language-selector{display:flex;justify-content:flex-end;margin-bottom:1rem;animation:fadeIn .4s ease-out .1s both}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.75rem;margin:1rem 0;text-align:center;animation:fadeInUp .5s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:1.125rem;margin-bottom:1.5rem;text-align:center;animation:fadeInUp .5s ease-out .3s both;color:#1d1f24}.screen-selector .app-selector .app-selector-container .apps-grid{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;padding:1rem 0}.screen-selector .app-selector .app-selector-container .apps-grid .app-card{width:300px;min-height:350px;display:flex;flex-direction:column;padding:0;border-radius:12px;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 10px rgba(0,0,0,.1);background:white;cursor:pointer;opacity:0;animation:fadeInUp .5s ease-out calc(.4s + var(--card-index, 0) * .1s) both}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:first-child{--card-index:0}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:nth-child(2){--card-index:1}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:nth-child(3){--card-index:2}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:nth-child(4){--card-index:3}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.12)}.screen-selector .app-selector .app-selector-container .apps-grid .app-card:active{transform:translateY(-2px)}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:200px;width:100%;display:flex;align-items:center;justify-content:center;background:#f1ce9e;padding:1rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container .app-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;text-align:center}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:1rem;color:#6b7280;line-height:1.5;flex:1}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:300px;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;border:2px dashed #d1d5db;border-radius:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);opacity:0;cursor:not-allowed;animation:fadeInUp .5s ease-out .7s both;transition:all .3s ease}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card:hover{transform:translateY(-2px);border-color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-icon-container{width:4rem;height:4rem;margin-bottom:1rem;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-icon-container:after{content:"🚀";font-size:1.5rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#6b7280}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-description{font-size:.875rem;color:#9ca3af;text-align:center}.screen-selector .app-selector .app-selector-container .app-footer{flex-shrink:0;padding:1x .5rem .1rem;text-align:center;color:#6b7280;font-size:.875rem;margin-top:auto}.screen-selector .app-selector .app-selector-container .app-footer .footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-links .footer-link{color:#6b7280;text-decoration:underline;transition:color .2s ease;white-space:nowrap}.screen-selector .app-selector .app-selector-container .app-footer .footer-links .footer-link:hover{color:#374151}.screen-selector .app-selector .app-selector-container .app-footer .footer-copyright{margin:0;color:#9ca3af;font-size:.8rem}@media (min-width:1400px){.screen-selector .app-selector .app-selector-container{padding:2.5rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:2.5rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:350px;min-height:400px}}@media (min-width:1200px) and (max-width:1399px){.screen-selector .app-selector .app-selector-container{padding:2rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:2rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:320px;min-height:380px}}@media (min-width:1024px) and (max-width:1199px){.screen-selector .app-selector .app-selector-container{padding:1.5rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:1.5rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:300px;min-height:360px}}@media (min-width:768px) and (max-width:1023px){.screen-selector .app-selector{padding:15px}.screen-selector .app-selector .app-selector-container{padding:1rem}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.5rem}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:1rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:1.25rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:280px;min-height:340px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:180px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{padding:1.25rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:1.125rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:.9rem}}@media (min-width:600px) and (max-width:767px){.screen-selector .app-selector{padding:12px}.screen-selector .app-selector .app-selector-container{padding:.75rem}.screen-selector .app-selector .app-selector-container .app-header{margin-bottom:1.5rem}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.4rem}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:.95rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:1rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:260px;min-height:320px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:160px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{padding:1rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:1rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:.85rem}.screen-selector .app-selector .app-selector-container .app-footer{padding:1rem .5rem;font-size:.8rem}}@media (min-width:481px) and (max-width:599px) and (orientation:landscape){.screen-selector .app-selector{padding:10px}.screen-selector .app-selector .app-selector-container{padding:.5rem}.screen-selector .app-selector .app-selector-container .app-header{margin-bottom:1rem}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.3rem;margin:.5rem 0}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:.9rem;margin-bottom:1rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:.75rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:240px;min-height:280px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:140px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{padding:.75rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:.95rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:.8rem}}@media (max-width:480px){.screen-selector .app-selector{padding:8px}.screen-selector .app-selector .app-selector-container{padding:.5rem}.screen-selector .app-selector .app-selector-container .app-header{margin-bottom:1rem}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.25rem;margin:.5rem 0}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:.875rem;margin-bottom:1rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:.75rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:100%;max-width:300px;min-height:300px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:160px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{padding:1rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:.95rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:.8rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{padding:1.5rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-icon-container{width:3rem;height:3rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-icon-container:after{font-size:1.25rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-title{font-size:.95rem}.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card .coming-soon-description{font-size:.8rem}.screen-selector .app-selector .app-selector-container .app-footer{padding:1rem .5rem;font-size:.75rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-links{flex-direction:column;gap:.5rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-links .footer-link{font-size:.8rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-copyright{font-size:.7rem;margin-top:.5rem}}@media (max-width:360px){.screen-selector .app-selector{padding:5px}.screen-selector .app-selector .app-selector-container{padding:.25rem}.screen-selector .app-selector .app-selector-container .app-header .welcome-title{font-size:1.125rem}.screen-selector .app-selector .app-selector-container .app-header .select-app-subtitle{font-size:.8rem}.screen-selector .app-selector .app-selector-container .apps-grid{gap:.5rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card,.screen-selector .app-selector .app-selector-container .apps-grid .coming-soon-card{width:100%;min-height:280px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .app-icon-container{height:140px}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content{padding:.75rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-title{font-size:.9rem}.screen-selector .app-selector .app-selector-container .apps-grid .app-card .description-content .app-description{font-size:.75rem}.screen-selector .app-selector .app-selector-container .app-footer{padding:.75rem .25rem;font-size:.7rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-links .footer-link{font-size:.75rem}.screen-selector .app-selector .app-selector-container .app-footer .footer-copyright{font-size:.65rem}}@media (max-width:768px){.screen-selector,.screen-selector *,.screen-selector :after,.screen-selector :before{animation:none!important;transition:transform .2s ease,box-shadow .2s ease!important}.screen-selector .app-selector .app-selector-container .app-card,.screen-selector .app-selector .app-selector-container .coming-soon-card,.screen-selector .app-selector .app-selector-container .language-selector,.screen-selector .app-selector .app-selector-container .select-app-subtitle,.screen-selector .app-selector .app-selector-container .welcome-title{opacity:1!important;transform:none!important}}