:root{--primary-color: #FF0000;--primary-dark: #CC0000;--primary-light: #FF3333;--secondary-color: #333333;--background-light: #f5f5f5;--background-color: #FFFFFF;--border-color: #E0E0E0;--text-color: #333333;--text-light: #666666;--white: #ffffff;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #F44336;--info-color: #2196F3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color)}.container{max-width:90%;margin:0 auto;padding:0 20px}.navbar{background:var(--white);position:fixed;width:100%;top:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 40px}.logo{flex:0 0 auto}.navbar[dir=rtl] .container{flex-direction:row-reverse}.navbar[dir=rtl] .logo{order:3}.navbar[dir=rtl] .nav-links{order:2}.navbar[dir=rtl] .auth-buttons{order:1}.navbar[dir=rtl] .mobile-menu-toggle{order:0}.logo img{height:60px;width:auto;max-width:200px}.logo-text{font-size:1.8rem;font-weight:700;color:var(--primary-color);text-decoration:none}.footer-logo img{height:50px;width:auto;max-width:180px;margin-bottom:1rem}.footer .logo-text{font-size:1.5rem;color:var(--white);display:block;margin-bottom:1rem}.nav-links{flex:1;display:flex;align-items:center;justify-content:center;gap:2rem}.navbar[dir=rtl] .nav-links{justify-content:center}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:600;font-size:1.2rem;transition:color .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.auth-buttons{flex:0 0 auto;display:flex;gap:1rem;align-items:center}.auth-buttons .btn{min-width:90px;width:auto;padding:.7rem 1.5rem;text-align:center;white-space:nowrap;font-size:.95rem;font-weight:600;border-radius:6px;transition:all .3s ease;cursor:pointer;border:2px solid}.auth-buttons .btn.active,.auth-buttons .btn-outline.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-color);margin:3px 0;transition:.3s}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.btn{padding:.7rem 1.8rem;border-radius:5px;border:none;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.auth-buttons .btn-outline{margin-right:0}.user-menu{position:relative}.user-profile-btn{background:none;border:2px solid var(--primary-color);color:var(--primary-color);padding:.7rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.user-profile-btn:hover{background:var(--primary-color);color:var(--white)}.user-dropdown{position:absolute;top:100%;right:0;background:var(--white);border-radius:10px;box-shadow:0 8px 25px #00000026;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:.5rem}.navbar[dir=rtl] .user-dropdown{right:auto;left:0}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;color:var(--text-color);text-decoration:none;transition:background .3s ease;font-size:.9rem}.navbar[dir=rtl] .user-dropdown a{flex-direction:row-reverse;text-align:right}.user-dropdown a:hover{background:var(--background-light)}.user-dropdown hr{margin:.5rem 0;border:none;border-top:1px solid #e0e0e0}.course-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.course-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.course-image{position:relative;height:100%;overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between}.course-content h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--text-color);font-weight:600}.course-content p{color:var(--text-light);margin-bottom:1rem;line-height:1.6;min-height:3.2rem}.tag{background:var(--primary-light);color:var(--white);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;display:inline-block;width:fit-content;max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:1rem;color:var(--text-light);font-size:.9rem}.course-meta span{display:flex;align-items:center;gap:.3rem}.course-meta i{font-size:.85rem}.course-price{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem}.course-price.free{background:linear-gradient(90deg,#28a745,#20c997)}.course-actions{display:flex;gap:1rem;align-items:center;margin-top:0;padding-top:0;flex-shrink:0}.course-actions .btn{flex:1;padding:.7rem 1.5rem;border-radius:25px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.course-actions .btn-primary{background:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}.course-actions .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.course-actions .btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.course-actions .btn-outline:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.category-card{background:var(--white);border-radius:15px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 15px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column;align-items:center}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.category-card i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.category-card h3{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.category-card p{font-size:.95rem;color:var(--text-light);line-height:1.5;margin-bottom:1rem;flex-grow:1}.category-stats{width:100%;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto}.category-stats span{color:#2196f3;font-weight:600;font-size:.95rem}.category-card.featured{border:2px solid var(--primary-color)}@media(max-width:768px){.category-card{padding:1.5rem 1rem}.category-card i{font-size:2.5rem}.category-card h3{font-size:1.1rem}}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem;font-weight:700}.section-header p{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;align-items:stretch}@media(max-width:768px){.course-grid{grid-template-columns:1fr}.course-actions{flex-direction:column;gap:.8rem}.course-actions .btn{width:100%}}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);padding:5rem 0;margin:4rem 0 0;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;color:var(--white)}.cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.cta-buttons .btn-primary{background:var(--white);color:var(--primary-color);border:2px solid var(--white)}.cta-buttons .btn-primary:hover{background:transparent;color:var(--white);border-color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.cta-buttons .btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.cta-buttons .btn-outline:hover{background:var(--white);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px #fff3}@media(max-width:768px){.cta-section{padding:3rem 0}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem;margin-bottom:2rem}.cta-buttons{flex-direction:column;gap:1rem}.btn-large{width:100%;max-width:300px}}.footer{background:var(--secondary-color);color:var(--white);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-logo img{height:50px;width:auto;margin-bottom:1rem}.footer-links a{color:var(--white);text-decoration:none;display:block;margin-bottom:.5rem}.footer-bottom-divider{width:100%;height:1px;background:#ffffff2e;margin:30px 0 15px}.footer-bottom-centered{width:100%;text-align:center;font-size:20px;opacity:.9;padding-bottom:20px}.footer-bottom-centered a{color:#d32f2f;font-weight:600;margin-left:4px}.footer-contact a{color:var(--white);margin-right:1rem;text-decoration:none;padding:.5rem}.social-links a{color:var(--white);margin-right:1rem;font-size:1.5rem}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:2rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;transform:scale(.9) translateY(20px);transition:all .3s ease}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:20px 20px 0 0}.modal-header h2{margin:0;color:var(--text-color);font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.close{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close:hover{background:#f0f0f0;color:var(--text-color)}.form-group input{width:100%;padding:.8rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:background .3s}.btn-secondary:hover{background:#5a6268}.instructor-name,#instructorName,.instructor-info h3,.course-level,#courseLevel,.level-label{opacity:.7;color:var(--text-light);font-weight:500}.course-meta .instructor,.course-meta .level{opacity:.7}.course-meta .instructor span,.course-meta .level span{color:var(--text-light);font-weight:500}.free-badge{display:inline-block;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));color:#fff;font-weight:700;font-size:.95rem;padding:.4rem 1.1rem;border-radius:50px;box-shadow:0 2px 8px #ff000014;letter-spacing:1px;align-self:flex-start}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:var(--white);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left .3s ease;box-shadow:0 2px 10px #0000001a;z-index:999}.nav-links.mobile-active{left:0}.nav-links a{margin:1rem 0;font-size:1.5rem;padding:1rem;width:80%;text-align:center;border-bottom:1px solid #f0f0f0}.auth-buttons{flex-direction:row;gap:.5rem;margin-top:2rem;justify-content:center}.auth-buttons .btn{min-width:80px;width:auto;padding:.6rem 1rem;font-size:.9rem;text-align:center}.navbar .container{padding:.5rem 20px}.nav-links{margin-left:0}.navbar[dir=rtl] .nav-links{left:auto;right:-100%;transition:right .3s ease;margin-right:0;margin-left:0}.navbar[dir=rtl] .nav-links.mobile-active{right:0;left:auto}.navbar[dir=rtl] .nav-links a{text-align:center}.navbar[dir=rtl] .mobile-menu-toggle{order:0}.navbar[dir=rtl] .logo{order:2}.navbar[dir=rtl] .auth-buttons{order:1}.testimonials-gallery h2{font-size:2rem}.testimonial-slide{min-width:280px;padding:1.5rem}.testimonials-track{gap:1rem}.slider-controls{padding:0 .5rem}.slider-btn{width:40px;height:40px;font-size:1rem}.testimonial-avatar{width:80px;height:80px}.testimonial-quote{font-size:1rem}.mrcp-success-path{padding:3rem 0}.section-header h2{font-size:2rem}.success-path-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}}@media(max-width:768px){.success-path-grid{grid-template-columns:1fr;gap:1.5rem}.path-step{padding:2rem}.step-content h3{font-size:1.5rem}.path-cta{padding:2rem}.path-cta h3{font-size:1.5rem}.btn-large{padding:.8rem 2rem;font-size:1.1rem}.course-grid{grid-template-columns:1fr}.featured-courses .course-actions{flex-direction:column;gap:.8rem}.featured-courses .btn{width:100%}.newly-released-courses .course-actions{flex-direction:column;gap:.8rem}.newly-released-courses .btn{width:100%}.free-events{padding:0 20px}.free-events .course-actions{flex-direction:column;gap:.8rem}.free-events .btn{width:100%}}.floating-contact-bubble{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #ff00004d;z-index:9999;transition:all .3s ease;animation:float 3s ease-in-out infinite}.floating-contact-bubble:hover{transform:scale(1.1);box-shadow:0 6px 20px #f006}.bubble-icon{color:#fff;font-size:24px}.bubble-tooltip{position:absolute;right:70px;background:var(--secondary-color);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.bubble-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid var(--secondary-color);border-top:6px solid transparent;border-bottom:6px solid transparent}.floating-contact-bubble:hover .bubble-tooltip{opacity:1;visibility:visible}.contact-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-popup-overlay.active{display:flex}.contact-popup{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color);background:var(--background-light);border-radius:12px 12px 0 0}.popup-header h3{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:600}.popup-close{background:none;border:none;font-size:20px;color:var(--text-light);cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:var(--border-color);color:var(--text-color)}.popup-content{padding:25px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-color);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:border-color .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff00001a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-actions{display:flex;gap:15px;margin-top:10px}.form-actions .btn{flex:1;padding:12px 20px;font-size:16px;font-weight:600}.file-upload-group{position:relative}.file-upload-wrapper{position:relative;display:block;cursor:pointer;border:2px dashed #e0e0e0;border-radius:12px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-upload-wrapper:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#ff000005,#ff00000d);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.file-upload-wrapper.dragover{border-color:var(--primary-color);background:linear-gradient(135deg,#ff00000d,#ff000014);transform:scale(1.02);box-shadow:0 12px 35px #ff000026}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.file-upload-display{pointer-events:none;width:100%}.file-upload-display i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;display:block;transition:all .3s ease}.file-upload-wrapper:hover .file-upload-display i{transform:scale(1.1);color:var(--primary-dark)}.file-upload-text{display:block;font-size:1.1rem;color:var(--text-color);font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.file-upload-info{display:block;font-size:.9rem;color:var(--text-light);background:#fffc;padding:.5rem 1rem;border-radius:20px;margin-top:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.file-upload-progress{display:none;width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:1rem}.file-upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width .3s ease;border-radius:4px}.file-upload-status{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:linear-gradient(135deg,#28a7451a,#28a7450d);border:2px solid rgba(40,167,69,.3);border-radius:12px;margin-top:1rem}.file-upload-status i{font-size:1.5rem;color:#28a745}.file-name{flex:1;color:var(--text-color);font-weight:600}.file-remove{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.file-remove:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}@media(max-width:768px){.floating-contact-bubble{bottom:20px;right:20px;width:55px;height:55px}.bubble-icon{font-size:20px}.bubble-tooltip{right:65px;font-size:12px;padding:6px 10px}.contact-popup{width:95%;margin:20px}.popup-content{padding:20px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));color:#fff;padding:1.5rem;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close{color:#fff;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease}.close:hover{color:#fcc}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.form-group input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff00001a}.form-group input[readonly]{background-color:#f8f9fa;color:var(--text-light)}.form-group input[type=file]{padding:.5rem;border:2px dashed var(--border-color);background-color:#f8f9fa;cursor:pointer}.form-group input[type=file]:focus{border-color:var(--primary-color);background-color:#fff}.form-group small{display:block;margin-top:.5rem;color:var(--text-light);font-size:.85rem;line-height:1.4}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-secondary:hover{background-color:#5a6268}@media(max-width:768px){.modal-content{margin:10% auto;width:95%;max-width:95%}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.user-menu-wrapper{position:relative}.user-menu-btn{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e0e0e0;padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease}.user-menu-btn:hover{border-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b33}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-weight:500;color:#333;font-size:15px}.user-menu-btn i{color:#666;font-size:12px;transition:transform .3s ease}.user-menu-btn i.rotate{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:280px;z-index:1000;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:20px;display:flex;align-items:center;gap:15px}.user-avatar-large{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.user-details{flex:1;overflow:hidden}.user-full-name{font-weight:600;color:#333;font-size:16px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:#666;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e0e0e0;margin:0}.dropdown-item{width:100%;padding:12px 20px;display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;cursor:pointer;transition:all .3s ease;color:#333;font-size:15px}.dropdown-item:hover{background:#f8f9fa}.dropdown-item:first-of-type{border-radius:12px 12px 0 0}.dropdown-item:last-of-type{border-radius:0 0 12px 12px}.dropdown-item i{width:20px;color:#666}.dropdown-item.logout,.dropdown-item.logout i{color:#d32f2f}.dropdown-item.logout:hover{background:#ffebee}@media(max-width:768px){.user-dropdown{right:-20px;min-width:260px}.user-name{display:none}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.btn-preview{flex:1;padding:.75rem 1.5rem;background:#fff;border:2px solid #d32f2f;color:#e7c3c3;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.btn-preview:hover{background:#f1c1c1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.language-dropdown{position:relative;margin:0 1rem}.lang-dropdown-btn{background:var(--white);border:2px solid var(--border-color);color:var(--text-color);padding:.5rem .8rem;border-radius:5px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;min-width:60px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lang-dropdown-btn:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px)}.lang-dropdown-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.lang-dropdown-btn i{font-size:.7rem;transition:transform .3s ease}.lang-dropdown-btn.open i{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--border-color);border-radius:5px;box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;min-width:120px;margin-top:.5rem}.lang-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{padding:.6rem .8rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lang-option:hover{background:#667eea1a}.lang-option.active{background:var(--primary-color);color:var(--white)}.lang-option:first-child{border-radius:3px 3px 0 0}.lang-option:last-child{border-radius:0 0 3px 3px}.lang-text{font-weight:600}.lang-name{font-size:.85rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.navbar[dir=rtl] .language-dropdown{margin:0 1rem 0 0}.navbar[dir=rtl] .lang-dropdown-menu{left:auto;right:0}.navbar[dir=rtl] .nav-links{margin-left:0;margin-right:auto}.navbar[dir=rtl] .auth-buttons{flex-direction:row-reverse}.navbar[dir=rtl] .auth-buttons .btn{font-size:1.05rem;font-weight:700;border-radius:10px;box-shadow:0 2px 6px #00000014}.navbar[dir=rtl] .auth-buttons .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.navbar[dir=rtl] .auth-buttons .btn-outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.navbar[dir=rtl] .auth-buttons .btn-outline:hover{background:linear-gradient(135deg,red,#c00);color:var(--white);border-color:var(--primary-color)}.navbar[dir=rtl] .auth-buttons .btn-primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.navbar[dir=rtl] .auth-buttons .btn-primary:hover,.navbar[dir=rtl] .auth-buttons .btn.active:hover{background:var(--white);color:var(--primary-color);border-color:var(--primary-color)}@media(max-width:768px){.language-dropdown{margin:0 .5rem}.lang-dropdown-btn{padding:.4rem .6rem;min-width:50px;font-size:.8rem}.lang-dropdown-menu{min-width:100px}.lang-name{font-size:.75rem}}@media(max-width:480px){.language-dropdown{margin:0 .3rem}.lang-dropdown-btn{padding:.3rem .5rem;min-width:45px;font-size:.75rem}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:20px;color:#666;font-size:16px;font-weight:500}