@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap";body,html{margin:0;padding:0;overflow-x:hidden}.footer-main-container img{max-width:35px!important;max-height:35px!important}.footer-column-list li a{white-space:nowrap!important;display:inline-block!important}@media(max-width:768px){.footer-contact-section{padding:20px!important}.footer-contact-container{flex-direction:column!important;align-items:center!important;gap:16px!important;margin-right:0!important}.footer-contact-item{width:100%!important;text-align:center!important}.footer-contact-item p:first-child{font-size:12px!important}.footer-contact-item p:last-child{font-size:14px!important}.footer-chat-button{width:auto!important;max-width:200px!important;justify-content:center!important;padding:10px 20px!important}.footer-main-container img{max-width:30px!important;max-height:30px!important}.footer-main-container{flex-direction:column!important;align-items:center!important;text-align:center!important;margin-right:150px!important;gap:20px!important}.footer-brand-section{align-items:center!important;text-align:center!important}.footer-links-section{flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;gap:20px!important;width:100%!important;padding-left:0!important}.footer-links-column{flex:1!important;min-width:0!important}.footer-column-title{font-size:13px!important;margin-bottom:10px!important}.footer-column-list li{margin-bottom:8px!important}.footer-column-list li a{font-size:11px!important;line-height:1.3!important;white-space:nowrap!important}.footer-social-links a{font-size:28px!important}}@media(max-width:576px){.footer-contact-section{padding:16px!important}.footer-contact-container{gap:14px!important}.footer-contact-item p:first-child{font-size:11px!important}.footer-contact-item p:last-child{font-size:13px!important}.footer-chat-button{padding:9px 18px!important;font-size:13px!important;max-width:180px!important}.footer-main-container img{max-width:28px!important;max-height:28px!important}.footer-links-section{gap:15px!important}.footer-column-title{font-size:12px!important;margin-bottom:8px!important}.footer-column-list li{margin-bottom:6px!important}.footer-column-list li a{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}.footer-social-links a{font-size:26px!important}}@media(max-width:400px){.footer-contact-section{padding:14px!important}.footer-contact-container{gap:12px!important}.footer-contact-item p:first-child{font-size:10px!important}.footer-contact-item p:last-child{font-size:12px!important}.footer-chat-button{padding:8px 16px!important;font-size:12px!important;max-width:160px!important}.footer-main-container img{max-width:26px!important;max-height:26px!important}.footer-links-section{gap:12px!important}.footer-column-title{font-size:11px!important;margin-bottom:6px!important}.footer-column-list li{margin-bottom:5px!important}.footer-column-list li a{font-size:9px!important;line-height:1.2!important;white-space:nowrap!important}.footer-social-links a{font-size:24px!important}}*{font-family:Cairo,sans-serif}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.navbar-container{animation:slideDown .8s ease-out forwards;z-index:1000}.hero-section .left-part{opacity:0;animation:slideInLeft 1s ease-out .2s forwards}.hero-section .right-part{opacity:0;animation:slideInRight 1s ease-out .4s forwards}body,html{overflow-x:hidden}.main-heading{opacity:0;transform:translateY(-50px)}.main-card{opacity:0}.main-section.visible .main-heading{animation:slideDownFade 1s ease-out forwards}.main-section.visible .cards-container .main-card:nth-child(1),.main-section.visible .cards-container .main-card:nth-child(2){animation:slideInBottomLeft 1s ease-out forwards}.main-section.visible .cards-container .main-card:nth-child(3),.main-section.visible .cards-container .main-card:nth-child(4){animation:slideInBottomRight 1s ease-out forwards}.main-section.visible .cards-container .main-card:nth-child(1){animation-delay:.2s}.main-section.visible .cards-container .main-card:nth-child(2){animation-delay:.4s}.main-section.visible .cards-container .main-card:nth-child(3){animation-delay:.6s}.main-section.visible .cards-container .main-card:nth-child(4){animation-delay:.8s}.main-card .image-container img{opacity:0}.main-section.visible .main-card .image-container img{animation:imagePopUp 1.2s ease-out forwards;animation-delay:inherit}@keyframes slideDownFade{to{opacity:1;transform:translateY(0)}}@keyframes slideInBottomLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInBottomRight{to{opacity:1;transform:translate(0)}}@keyframes imagePopUp{to{opacity:1}}.navbar-container{display:flex;align-items:center;justify-content:flex-start;padding:12px 40px;background-color:#f0f5ff;position:sticky;top:0;z-index:9}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-logo{width:40px;height:40px;border-radius:10px}.burger-menu{display:none;order:3}.mobile-auth-buttons{display:none}.navbar-title{font-size:20px;color:#222;font-weight:700}.navbar-center{display:flex;align-items:center;margin-left:auto;margin-right:auto}.navbar-ul{display:flex;gap:45px;list-style:none;margin:0;padding:0}.navbar-ul a{text-decoration:none;color:#333;font-weight:500;position:relative}.navbar-ul a:hover{color:#05f}.dropdown{position:relative}.dropdown span{cursor:pointer}.dropdown span:hover{color:#05f}.navbar-arrow{height:12px;width:12px;position:relative;top:8%;right:3%}.dropdown-menu{position:absolute;top:30px;left:0;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;list-style:none;padding:8px 0;width:160px;z-index:10}.dropdown-menu li{padding:8px 12px}.dropdown-menu li:hover{background-color:#f5f5f5}.navbar-right{margin-left:auto;display:flex;align-items:center;gap:15px}.login-btn,.signup-btn{padding:10px 28px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:15px;transition:all .3s ease;display:inline-block;box-shadow:0 3px 10px #1e90ff4d;min-width:100px;text-align:center;width:100px}.login-btn:hover,.signup-btn:hover{background:linear-gradient(135deg,#06c,#004c99);transform:translateY(-2px);box-shadow:0 5px 15px #1e90ff66;color:#fff}.login-btn:active,.signup-btn:active{transform:translateY(0)}.hero-section{display:flex;align-items:center;margin:0 0 11% 15%}.left-part{width:600px;height:500px;position:relative;top:100px}.right-part{position:relative;display:flex;flex-direction:column;align-items:center}.hero-image,.hero-image2{width:437.996337890625px;height:470px;margin-left:100px;object-fit:cover}.hero-image{width:437.996337890625px;height:470px;margin-left:100px}.hero-safety-word{font-weight:700;color:#1280fe;display:inline-block;position:relative;margin-right:50px}.hero-safety-word:after{content:"";position:absolute;width:45px;height:52px;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='67' height='78' viewBox='0 0 67 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8527 60.9867C18.603 59.8505 19.3145 58.6836 20.1089 57.58C27.0495 47.9743 35.0584 39.3096 43.5481 31.0738C49.3486 25.4425 55.3613 20.0378 61.6879 14.9959C62.2451 14.5505 62.9227 13.4698 63.6106 14.1601C64.3298 14.8848 63.1911 15.4943 62.7352 16.0211C58.6679 20.6884 54.4864 25.2581 50.0949 29.6323C40.4947 39.1975 31.335 49.1664 22.5934 59.5136C21.7162 60.554 20.7194 61.4949 19.739 62.4412C19.2533 62.9098 18.6504 63.1399 18.0463 62.6226C17.5103 62.1576 17.6698 61.5896 17.8527 60.9867Z' fill='%231280FE'/%3E%3Cpath d='M52.0032 60.8339C51.536 61.114 50.9727 61.4845 50.3815 61.8096C45.6798 64.3826 40.7079 66.3823 35.8702 68.6622C33.97 69.56 32.0791 70.4668 30.1676 71.3245C29.565 71.5912 28.8227 71.9706 28.3386 71.1762C27.9045 70.4526 28.4222 69.8851 28.8893 69.3802C29.6515 68.5638 30.5856 67.967 31.5644 67.4575C37.641 64.3149 43.9662 61.7933 50.6189 60.137C50.9691 60.0498 51.3485 59.9661 51.6996 59.9885C52.0855 60.0162 52.2105 60.3057 52.0032 60.8339Z' fill='%231280FE'/%3E%3Cpath d='M9.25115 37.2531C9.72308 37.503 9.75249 37.9377 9.7415 38.3472C9.7069 39.5995 9.73457 40.8658 9.55911 42.1029C8.85644 46.9598 9.03472 51.8162 9.44151 56.6797C9.50508 57.4595 9.91828 58.5105 8.68656 58.7315C7.56982 58.9352 7.09386 58.0219 6.85223 57.154C5.70845 53.0665 5.49608 48.8976 6.04559 44.7019C6.35189 42.347 7.03191 40.0947 8.21801 38.0244C8.45381 37.6148 8.70238 37.2031 9.2584 37.2494L9.25115 37.2531Z' fill='%231280FE'/%3E%3C/svg%3E");background-repeat:no-repeat;top:-20px;right:-35px;pointer-events:none}.hero-desc{color:gray;font-size:20px}.hero-heading{font-size:40px}.buttons button{margin-top:15px;padding:15px;width:170px;font-weight:700;cursor:pointer;font-size:17px}.start-btn{position:relative;z-index:0;border-radius:100px;background:transparent;color:#fff;overflow:hidden;border:none;transition:.3s ease;margin-right:15px;padding:17px}.start-btn:before{content:"";position:absolute;inset:2px;border-radius:100px;background:#1280fe;z-index:-1}.start-btn:after{content:"";position:absolute;inset:-2px;border-radius:100px;background:linear-gradient(90deg,#ff8000,#fe0,#5dff00,#0fb);background-size:300%;animation:moveGradient 7s linear infinite;z-index:-2}.hero-images{position:relative;width:450px;height:500px;display:flex;justify-content:center;align-items:center}.hero-image{position:absolute;transition:all .4s ease;object-fit:cover}.hero-image.top{z-index:2;width:354px;left:100px;top:0;bottom:20px;height:515px;margin-left:40px}.hero-image.bottom{z-index:1;width:450px;top:80px;left:0;opacity:.9;margin-left:50px}.start-btn:hover{transform:scale(1.05)}.learn-btn:hover{transition:.3s ease;transform:scale(1.05)}.learn-btn{border:1px solid #1280FE;border-radius:100px;background-color:#fff;color:#1280fe}.main-section{padding:40px 20px;margin:0 auto;background-color:#f0f5ff}.main-heading{text-align:center;margin-bottom:160px;font-size:36px;color:#002b80}.cards-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.main-card{position:relative;width:18%;background:#fff;border-radius:25px;border:none;box-shadow:0 4px 20px #00000014;text-align:center;padding:200px 20px 20px;overflow:visible;transition:transform .3s ease;display:flex;flex-direction:column}.main-card:hover{transform:translateY(-6px)}.image-container{height:190px;width:100%;position:absolute;top:0;left:0;border-top-left-radius:25px;border-top-right-radius:25px;z-index:1}.main-card:nth-child(1) .image-container{background:#007bff}.main-card:nth-child(2) .image-container{background:#26ff00}.main-card:nth-child(3) .image-container{background:#0df}.main-card:nth-child(4) .image-container{background:#ff00e4}.main-button:nth-child(1) svg path{fill:#fd8002}.main-button:nth-child(2) svg path{fill:#fd8002}.main-button:nth-child(3) svg path{fill:#fd8002}.main-button:nth-child(4) svg path{fill:#fd8002}.main-image{height:310px;position:absolute;top:-120px;left:50%;transform:translate(-50%);z-index:2;object-fit:cover}.main-title{font-size:22px;color:#1280fe;font-weight:700;text-align:left;margin-top:0;margin-bottom:0}.main-desc{margin:10px 0 30px;color:#666;font-size:14px;line-height:1.4;text-align:left}.faq-question-arrow{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#1280fe;border-radius:100%;transition:transform .3s ease;flex-shrink:0}.faq-question-arrow svg{width:28px!important;height:28px!important;flex-shrink:0}.faq-question-arrow.open{transform:rotate(180deg)}.main-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:#ff7b00;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;z-index:0;overflow:hidden;transition:all .3s ease;width:100%;margin-top:auto;border:2px solid #ff7b00}.main-btn:before{content:none}.main-btn:hover{color:#fff;transform:scale(1.05);background:#ff7b00;border-color:#ff7b00;animation:none}.main-btn:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background-size:300%;animation:moveGradient 5s linear infinite;-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:.3s ease}.main-card:nth-child(1) .main-btn{color:#fd8002;border-color:#fd8002}.main-card:nth-child(1) .main-btn:hover{background:#fd8002;color:#fff;border-color:#fd8002}.main-card:nth-child(2) .main-btn{color:#fd8002;border-color:#fd8002}.main-card:nth-child(2) .main-btn:hover{background:#fd8002;color:#fff;border-color:#fd8002}.main-card:nth-child(3) .main-btn{color:#fd8002;border-color:#fd8002}.main-card:nth-child(3) .main-btn:hover{background:#fd8002;color:#fff;border-color:#fd8002}.main-card:nth-child(4) .main-btn{color:#fd8002;border-color:#fd8002}.main-card:nth-child(4) .main-btn:hover{background:#fd8002;color:#fff;border-color:#fd8002}@keyframes moveGradient{0%{background-position:0% 50%}to{background-position:300% 50%}}.main-arrow2{font-size:24px;font-weight:600;position:relative;top:1px}.main-arrow2:after{content:"➔";font-weight:800;display:inline-block;margin-right:-4px}.why-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:40px 60px;align-items:start;padding-right:80px;padding-left:80px;grid-template-areas:"tl  c  tr" "bl  c  br"}.area-top-left{grid-area:tl}.area-bottom-left{grid-area:bl}.area-center{grid-area:c;align-self:center}.area-top-right{grid-area:tr}.area-bottom-right{grid-area:br}.why-section{padding:80px 20px;text-align:center;background-color:#fff}.why-heading{font-size:36px;font-weight:700;color:#002b80;margin-bottom:50px}.why-box{display:flex;align-items:center;gap:10px;text-align:left}.why-icon{width:100px;height:100px;padding:15px;border-radius:20px;flex-shrink:0}.why-title{font-size:20px;font-weight:700;color:#222;margin-bottom:6px}.why-desc{color:#666;font-size:16px;line-height:1.4}.why-center{position:relative;width:250px;height:250px;margin:0 20px}.center-images{position:relative;right:60px;width:100%;height:100%}.center-img{width:100%;height:auto;border-radius:20px;transition:all .4s ease;position:absolute;left:0;right:2px}.center-img.top{position:relative;left:55px;top:10px;z-index:2;width:130px}.center-img.bottom{z-index:1;opacity:.9;width:350px}@media(max-width:992px){.why-container{grid-template-columns:1fr;grid-template-areas:"c" "tl" "bl" "tr" "br";gap:30px}}.discover-section{padding:80px 0;background-color:#fff;text-align:center;position:relative;width:100%;background-color:#f0f5ff}.discover-heading{font-size:36px;font-weight:700;color:#002b80;margin-bottom:40px}.slider-container{position:relative;display:flex;align-items:center;justify-content:center}.discover-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:25px;padding:10px;width:100%;scrollbar-width:none}.discover-container::-webkit-scrollbar{display:none}.arrow{background-color:#fff;border:none;font-size:24px;color:#007bff;cursor:pointer;padding:10px;border-radius:30%;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.arrow:hover{color:#fff;background:linear-gradient(270deg,#5c9dbb,#0df);background-size:400% 400%;animation:gradientMove 3s ease infinite;transform:scale(1.1)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.arrow.left{position:absolute;left:20px;z-index:10}.arrow.right{position:absolute;right:20px;z-index:10}.discover-card{flex:0 0 300px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.discover-card:hover{transform:translateY(-6px)}.image-wrapper{position:relative}.course-img{width:100%;height:180px;object-fit:cover}.tag{position:absolute;top:10px;left:10px;font-size:12px;font-weight:600;padding:0 2px;border-radius:6px}.discover-icon{position:relative;top:2px}.discount-badge{position:absolute;bottom:-10px;right:10px;width:60px;height:60px}.discount-svg{width:100%;height:100%}.discount-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;pointer-events:none}.course-info{padding:25px 20px;text-align:left}.details-row{color:#555;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.course-title{font-size:17px;font-weight:700;color:#111;margin-bottom:8px}.course-desc{font-size:14px;color:#8c8c8c;line-height:1.4;margin-bottom:15px}.rating{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;margin-bottom:10px}.stars{display:flex;color:#ccc}.stars .filled{color:#fbc02d}.price-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}.price{font-size:20px;font-weight:700;color:#000}.old-price{text-decoration:line-through;color:#999}.register-btn{width:100%;background-color:#1280fe;color:#fff;border:none;padding:12px 0;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .3s}.register-btn:hover{background-color:#1280fe}.opinions-section{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;background-color:#fff;overflow:hidden;gap:50px;margin:0 auto}.opinions-left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;max-width:500px;position:relative;z-index:2;margin:0 auto}.opinions-left h2{color:#002b80;font-size:48px;font-weight:800;margin-bottom:30px;line-height:1.2;width:100%}.opinions-tag{background-color:#ff8c00;color:#fff;padding:5px 15px;border-radius:50px;font-weight:700;font-size:18px;display:inline-block;margin-bottom:30px;box-shadow:0 4px 15px #ff8c004d}.opinions-desc{font-size:18px;line-height:1.8;color:#1280fe;font-weight:500}.opinions-decor{position:absolute;bottom:-330px;right:60px;animation:float 4s ease-in-out infinite}.opinions-right{flex:1;display:flex;gap:20px;height:600px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);padding:0 10px}.column{display:flex;flex-direction:column;gap:20px;width:50%;padding:15px}.column-up{animation:scrollUp 10s linear infinite}.column-down{animation:scrollDown 10s linear infinite}.opinions-right:hover .column{animation-play-state:paused}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.opinion-card{background-color:#34acff;color:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 20px #40a9ff33;width:100%;box-sizing:border-box;transition:transform .3s ease;position:relative}.opinion-card:hover{transform:scale(1.05);z-index:10}.opinion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.opinion-header img{width:45px;height:45px;border-radius:50%;object-fit:cover;background-color:#fff;margin-right:12px}.opinion-header div{flex:1;text-align:left}.opinion-header h4{color:#fff;font-size:15px;margin:0 0 4px;font-weight:700}.opinion-header span{font-size:12px;color:#404040;display:block}.date{font-size:11px;color:#404040}.opinion-body{position:relative;text-align:left}.quote-icon{width:24px;margin-bottom:8px;display:block;filter:brightness(0) saturate(100%) invert(66%) sepia(35%) saturate(5422%) hue-rotate(360deg) brightness(101%) contrast(106%)}.opinion-body p{font-size:14px;line-height:1.5;margin:0;font-weight:400}@media(max-width:992px){.opinions-section{flex-direction:column;padding:60px 20px;text-align:center}.opinions-left{max-width:100%;margin-bottom:50px}.opinions-left h2{font-size:32px}.opinions-right{width:100%;height:500px}}.faq-section{padding:80px 0;background-color:#edf3ff;min-height:100vh}.faq-heading{text-align:center;font-size:36px;font-weight:700;color:#002b80;margin-bottom:50px}.faq-container{margin:80px;padding:0 20px}.faq-item{background:#fff;border-radius:20px;margin-bottom:20px;transition:all .4s ease;box-shadow:0 4px 15px #0000000d;border:1px solid transparent;position:relative}.sparkle-icon{position:absolute;top:-20px;right:250px;width:50px;height:50px;z-index:10;opacity:0;transform:scale(0) rotate(-45deg);transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.faq-item.active .sparkle-icon{opacity:1;transform:scale(1) rotate(0)}.faq-item.active{background:#1280fe;box-shadow:0 8px 25px #0055ff4d}.faq-question{width:100%;padding:35px;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left}.question-text{font-size:22px;font-weight:600;color:#333;transition:color .3s ease}.faq-item.active .question-text{color:#fff}.faq-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0;margin-left:15px;background-color:#1280fe}.faq-item.active .faq-icon-wrapper{background-color:#fff;transform:rotate(180deg)}.arrow-svg path{transition:fill .3s ease;fill:#fff}.faq-item.active .arrow-svg path{fill:#05f}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease,padding .4s ease;opacity:0;padding:0 30px}.faq-answer.open{max-height:500px;opacity:1;padding:0 30px 30px}.faq-answer p{color:#e0e0e0;line-height:1.6;margin:0;font-size:18px}@media(max-width:768px){.faq-section{padding:60px 20px}.faq-heading{font-size:28px}.faq-question{padding:16px 20px;font-size:16px}.faq-question-arrow{width:50px!important;height:50px!important}.faq-answer{padding:0 20px;font-size:14px}.faq-answer.open{padding:0 20px 20px}}.faq-arrow{transition:all .3s ease;position:relative;border-radius:30%;padding:4px;overflow:hidden;color:#fff;background:linear-gradient(270deg,#5c9dbb,#0df);background-size:400% 400%;animation:gradientMove 3s ease infinite;transform:scale(1.1)}.footer-resource{margin-left:6px}.faq-item.active{color:#fff;border:3px solid linear-gradient(270deg,#73cef5,#4a59de);animation:gradientMove 3s ease infinite}.faq-item.active .faq-arrow{transform:rotate(180deg)}.footer-section{background:#fff!important}.footer-white-section{background:#fff!important;padding:20px 60px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:40px!important;border-bottom:1px solid #e0e0e0!important}.footer-contact-item{flex:1}.footer-label{font-size:12px;color:#666;margin:0 0 2px}.footer-value{font-size:14px;font-weight:700;color:#000;margin:0}.footer-chat-button{background:#ff7a00;color:#fff;border:none;padding:10px 24px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.footer-chat-button:hover{background:#ff8c42;transform:translateY(-2px)}.footer-chat-button svg{font-size:16px}.footer-blue-section{background:linear-gradient(135deg,#1976d2,#0d47a1)!important;padding:40px 80px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:100px!important}.footer-brand-left{flex:0 0 auto;max-width:300px}.brand-logo img{width:40px;height:40px;border-radius:8px}.brand-logo span{font-size:28px;font-weight:700;color:#fff}.brand-tagline{font-size:15px;color:#fff;margin:0 0 20px;line-height:1.5}.footer-social{display:flex;gap:15px;margin-top:20px}.footer-social a{color:#fff;font-size:28px;transition:all .3s ease}.footer-social a:hover{opacity:.8;transform:scale(1.1)}.footer-links-columns{display:flex;gap:100px;flex:1;justify-content:flex-start}.footer-col{flex:0 0 auto}.footer-col h4{font-size:17px;font-weight:700;color:#fff;margin:0 0 18px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#fffffff2;text-decoration:none;font-size:14px;transition:all .3s ease}.footer-col ul li a:hover{color:#fff;text-decoration:underline}@media(max-width:992px){.hero-images{width:300px;height:380px}.hero-image.top{left:0;width:270px;height:389px}}.contact-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0df;border-radius:6px;flex-shrink:0;color:#fff}.contact-info h4{font-size:14px;font-weight:600;margin-bottom:4px;color:#fffc}.contact-info p{font-size:16px;font-weight:700;margin:0;color:#fff}.footer-main{flex:2;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand{display:flex;flex-direction:column;gap:15px}.brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px}.brand-logo img{width:40px;height:40px;border-radius:10px}.brand-logo span{font-size:35px;font-weight:700}.brand-tagline{font-size:20px;line-height:1.5;color:#fff;margin:0;font-weight:700}.socail-icon{text-decoration:none;font-size:30px;margin-left:15px;cursor:pointer;color:#fff;opacity:.7}.socail-icon:hover{background-size:400% 400%;animation:gradientMove 3s ease infinite;border-radius:5px;opacity:1}.footer-links h4{font-size:18px;font-weight:700;margin-bottom:20px;color:#fff}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#ffffffe6;text-decoration:none;font-size:14px;transition:all .3s ease}.footer-links a:hover{color:#fff;text-decoration:underline}@media(max-width:768px){.footer-section{padding:30px 20px 20px}.footer-top{flex-direction:column;gap:30px}.faq-question-arrow{width:50px!important;height:50px!important}.footer-main{grid-template-columns:1fr;gap:30px}.footer-contact h3{font-size:20px;margin-left:15px}.contact-method{padding:12px 16px}}.chat-button{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#0df;border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.chat-button:hover{background:#00c6e3;transform:translateY(-2px)}.chat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0df;border-radius:6px;flex-shrink:0;font-weight:700}@media(max-width:1024px)and (min-width:768px){.landing-container{width:100%}.navbar-container{padding:10px 20px}.hero-section{margin:10% 5%;gap:30px}.left-part{width:50%;height:auto;top:30px}.hero-heading{font-size:28px}.hero-desc{font-size:16px}.hero-image{width:280px;height:320px;margin-left:0}.hero-image.bottom{top:57px;width:192px;height:391px}.buttons button{padding:12px;width:150px;font-size:14px}.main-section{padding:30px 20px}.main-heading{font-size:28px;margin-bottom:80px}.cards-container{gap:20px}.column-down{display:none}.main-card{width:43%;padding:70px 15px 15px;margin-bottom:20px}.main-title{font-size:16px}.main-desc{font-size:13px}.main-btn{padding:8px 16px;font-size:12px}.why-section{padding:60px 0}.why-heading{font-size:30px}.why-container{gap:0;height:270px}.why-left,.why-right{width:320px}.why-box{gap:12px}.left-box{margin-right:10px;width:245px}.right-box{width:245px}.why-icon{width:40px;height:40px}.why-title{font-size:11px}.why-desc{font-size:9px}.why-center{width:200px;height:200px}.center-img.top{left:70px;width:95px}.center-img.bottom{width:260px;margin-left:30px}.discover-section{padding:60px 0}.discover-heading{font-size:30px}.discover-card{flex:0 0 280px}.course-info{padding:20px 15px}.course-title{font-size:16px}.course-desc{font-size:13px}.opinions-section{padding:0 30px;gap:30px}.opinions-left h2{font-size:30px}.opinions-desc{font-size:16px;width:310px}.opinion-card{width:280px;padding:15px}.opinions-tag{font-size:15px;width:197px}.faq-section{padding:60px 30px}.faq-container{max-width:90%;margin:0 auto}.footer-section{padding:40px 30px 20px}.footer-links:nth-child(2),.footer-links:nth-child(3){display:inline-block;width:48%;vertical-align:top}.footer-links:nth-child(4){width:100%;display:block}.contact-methods{display:flex;flex-direction:row}.footer-links2{margin-left:90px}.footer-section{padding:40px 40px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:767px){.navbar-container{padding:10px 15px;justify-content:space-between;position:relative}.navbar-left{order:1}.burger-menu{order:3}.navbar-center{display:none;position:absolute;top:100%;left:0;width:100%;background:#f0f5ff;padding:20px 0;box-shadow:0 4px 8px #0000001a;z-index:1000}.burger-menu{display:block!important;font-size:24px;cursor:pointer;color:#333;background:none;border:none;order:3;margin-left:auto}.navbar-right{display:none!important}.navbar-center{order:4}.navbar-container.menu-active .navbar-center{display:block}.navbar-ul{flex-direction:column;gap:15px;text-align:center}.mobile-auth-buttons{display:block!important;width:100%}.mobile-auth-buttons .login-btn,.mobile-auth-buttons .signup-btn{display:inline-block;width:auto;margin:0;padding:0;font-size:16px;background:none!important;box-shadow:none!important;color:#333!important;font-weight:500;border-radius:0;min-width:auto}.mobile-auth-buttons .login-btn:hover,.mobile-auth-buttons .signup-btn:hover{background:none!important;transform:none!important;box-shadow:none!important;color:#06c!important}.dropdown-menu{position:static;width:100%;box-shadow:none;background-color:#f8f9fa;margin-top:10px;border-radius:8px}.hero-section{flex-direction:column;text-align:center;margin:0 5%;gap:20px}.left-part{width:100%;top:0;height:auto;margin:30px 0 45px}.hero-heading{font-size:22px}.hero-desc{font-size:14px}.hero-image2,.right-part{display:none}.buttons{display:flex;align-items:center;gap:10px;width:240px;margin:auto}.buttons button{width:180px;padding:10px;font-size:14px;margin:2px 0}.main-section{padding:30px 15px}.main-heading{font-size:20px;margin-bottom:100px}.image-container{height:84px}.cards-container{flex-direction:column;align-items:center;gap:20px}.main-card{width:100%;max-width:280px;padding:90px 15px 15px;margin-bottom:100px}.main-image{height:180px;top:-96px}.main-desc{font-size:12px}.main-btn{padding:8px;font-size:10px;width:100%}.why-section{padding:40px 15px}.why-heading{font-size:22px;margin-bottom:30px}.why-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.why-center{display:none}.why-left,.why-right{width:100%;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:15px}.why-box{width:100%;flex-direction:row;gap:8px}.why-icon{width:40px;height:40px}.why-title{font-size:12px;margin-bottom:4px}.why-desc{font-size:10px;line-height:1.3}.discover-section{padding:40px 0}.discover-heading{font-size:22px}.discover-card{flex:0 0 220px}.course-info{padding:15px 12px}.course-title{font-size:14px}.course-desc{font-size:11px}.price{font-size:16px}.register-btn{padding:8px 0;font-size:12px}.arrow{padding:6px}.arrow.left{left:5px}.arrow.right{right:5px}.opinions-section{flex-direction:column;padding:0 15px;gap:25px}.column{display:none}.opinions-left{max-width:100%;text-align:center}.opinions-left h2{font-size:22px;margin-bottom:20px}.opinions-tag{width:180px;font-size:14px;padding:8px 16px}.opinions-desc{font-size:14px}.opinions-decor{position:relative;bottom:0;left:300px;width:120px}.opinions-right{max-height:200px;gap:15px;flex-direction:column}.column-down{display:none}.opinion-card{width:240px;padding:12px;min-height:120px}.opinion-header img{width:30px;height:30px}.opinion-header h4{font-size:12px}.opinion-header span,.date{font-size:10px}.quote-icon{font-size:20px}.opinion-body p{font-size:11px}.faq-section{padding:40px 15px}.faq-heading{font-size:22px}.faq-question{padding:12px 16px;font-size:14px}.faq-arrow{width:20px!important;height:20px!important;padding:4px}.faq-answer{font-size:12px}.faq-answer.open{padding:0 16px 16px}.footer-section{padding:30px 15px 15px}.footer-top{flex-direction:column;gap:25px}.footer-main{grid-template-columns:1fr;gap:20px;order:2;width:100%}.footer-main>.footer-links:nth-child(2),.footer-main>.footer-links:nth-child(3){display:inline-block!important;width:43%!important;vertical-align:top;margin-bottom:20px}.footer-main>.footer-links:nth-child(2){margin-right:2%}.footer-main>.footer-links:nth-child(3){margin-left:2%}.footer-main>.footer-links:nth-child(2) ul,.footer-main>.footer-links:nth-child(3) ul{display:flex;flex-direction:column;gap:8px}.footer-main>.footer-links:nth-child(4){width:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;clear:both;margin-top:0}.footer-main>.footer-links:nth-child(4) ul{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:8px}.footer-contact{order:4;width:100%;margin-top:30px}.contact-methods{display:flex;flex-direction:column;gap:15px}.brand-logo span{font-size:24px}.brand-tagline{font-size:14px}.soical{display:flex;justify-content:center;gap:8px}.socail-icon{margin-left:0;font-size:20px}.footer-links2{margin-left:0!important}}@media(max-width:576px){.faq-question-arrow{width:50px!important;height:50px!important}.footer-main{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.footer-resource,.footer-legal{width:45%;display:inline-block;vertical-align:top}.footer-links2{width:100%;order:3;text-align:center}.footer-contact{width:100%;order:4;margin-top:20px}.footer-links h4{font-size:16px;margin-bottom:10px}.footer-links ul li a{font-size:14px}}@media(max-width:399px){.faq-question-arrow{width:50px!important;height:50px!important}.footer-main>.footer-links:nth-child(2),.footer-main>.footer-links:nth-child(3){width:100%!important;display:block!important;margin-right:0!important;margin-left:0!important}.buttons button{width:160px;padding:8px;font-size:13px}.main-card{max-width:240px}.discover-card{flex:0 0 200px}.opinion-card{width:200px}}@media(max-width:399px){.flex-footer{flex-direction:column;gap:15px}.footer-links.footer-links2,.footer-links.footer-resource{width:100%!important}.buttons button{width:160px;padding:8px;font-size:13px}.main-card{max-width:240px}.discover-card{flex:0 0 200px}.opinion-card{width:200px}}@media(max-width:399px){.why-box{width:100%;min-width:auto}.buttons button{width:160px;padding:8px;font-size:13px}.main-card{max-width:240px}.discover-card{flex:0 0 200px}.opinion-card{width:200px}.footer-links:nth-child(2),.footer-links:nth-child(3){width:100%;display:block}}footer.footer-section{background:#fff!important;padding:0!important;margin:0!important}footer .footer-white-section{background:#fff!important;padding:25px 80px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:40px!important;border-bottom:1px solid #e5e7eb!important}footer .footer-contact-item{flex:1!important}footer .footer-label{font-size:13px!important;color:#6b7280!important;margin:0 0 4px!important;font-weight:400!important}footer .footer-value{font-size:15px!important;font-weight:700!important;color:#111827!important;margin:0!important}footer .footer-chat-button{background:#ff7a00!important;color:#fff!important;border:none!important;padding:12px 28px!important;border-radius:25px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;white-space:nowrap!important}footer .footer-chat-button:hover{background:#ff8c42!important;transform:translateY(-2px)!important}footer .footer-chat-button svg{font-size:18px!important}footer .footer-blue-section{background:linear-gradient(135deg,#1e7bff,#0d5ed6)!important;padding:45px 80px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:120px!important}footer .footer-brand-left{flex:0 0 auto!important;max-width:320px!important}footer .footer-brand-left .brand-logo{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important}footer .footer-brand-left .brand-logo img{width:42px!important;height:42px!important;border-radius:10px!important}footer .footer-brand-left .brand-logo span{font-size:30px!important;font-weight:700!important;color:#fff!important}footer .footer-brand-left .brand-tagline{font-size:16px!important;color:#fff!important;margin:0 0 25px!important;line-height:1.6!important;opacity:.95!important}footer .footer-social{display:flex!important;gap:18px!important;margin-top:0!important}footer .footer-social a{color:#fff!important;font-size:30px!important;transition:all .3s ease!important;text-decoration:none!important}footer .footer-social a:hover{opacity:.75!important;transform:scale(1.15)!important}footer .footer-links-columns{display:flex!important;gap:100px!important;flex:1!important;justify-content:flex-start!important}footer .footer-col{flex:0 0 auto!important}footer .footer-col h4{font-size:18px!important;font-weight:700!important;color:#fff!important;margin:0 0 20px!important}footer .footer-col ul{list-style:none!important;padding:0!important;margin:0!important}footer .footer-col ul li{margin-bottom:14px!important}footer .footer-col ul li a{color:#fffffff2!important;text-decoration:none!important;font-size:15px!important;transition:all .3s ease!important}footer .footer-col ul li a:hover{color:#fff!important;text-decoration:underline!important}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;position:relative;overflow:hidden;font-family:Cairo,sans-serif}.top-logo-title{font-size:20px;color:#222;font-weight:700}.top-logo-left{position:absolute;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:10px}.top-logo-logo{width:40px;height:40px;border-radius:10px}.login-container{position:relative;z-index:10;width:100%;max-width:540px;padding:20px}.login-card{background:#fff;border-radius:28px;border:2px solid #e8f0fe;box-shadow:0 8px 32px #00000014;overflow:hidden;animation:slideUp .5s ease-out}.login-body{padding:45px 40px}.login-title{font-size:34px;font-weight:700;color:#1e90ff;margin:0 0 10px;text-align:center}.login-subtitle{font-size:14px;color:#6b7280;margin:0 0 35px;text-align:center;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.forgot-password{text-align:center;margin-top:-6px}.forgot-link{font-size:13px;color:#1e90ff;text-decoration:none;transition:color .3s ease;font-weight:500}.forgot-link:hover{color:#06c;text-decoration:underline}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e90ff40;margin-top:10px}.login-button:hover{background:linear-gradient(135deg,#06c,#004c99);box-shadow:0 4px 12px #1e90ff59}.login-button:active{transform:translateY(1px)}.signup-prompt{text-align:center;font-size:13px;color:#6b7280;margin-top:15px;font-weight:400}.signup-link{color:#1e90ff;text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link:hover{color:#06c;text-decoration:underline}@media(max-width:600px){.login-container{padding:15px}.login-body{padding:30px 25px}.login-title{font-size:28px}.decoration-top-left,.decoration-bottom-right,.sparkle{display:none}}@media(max-width:400px){.login-body{padding:25px 20px}.form-input{padding:12px 12px 12px 40px}}.forgot-password-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;position:relative;overflow:hidden;font-family:Cairo,sans-serif}.language-toggle-top{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:0;background:#fff;border-radius:30px;padding:4px;box-shadow:0 2px 8px #0000001a;z-index:100}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;font-family:Cairo,sans-serif;cursor:pointer;border-radius:25px;transition:all .3s ease;white-space:nowrap}.lang-btn.active{background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff;box-shadow:0 2px 8px #ff6b354d}.flag-icon{font-size:18px;display:flex;align-items:center}.forgot-password-container{position:relative;z-index:10;width:100%;max-width:540px;padding:20px}.forgot-password-card{background:#fff;border-radius:28px;border:2px solid #e8f0fe;box-shadow:0 8px 32px #00000014;overflow:hidden;animation:slideUp .5s ease-out}.logo-text{font-size:28px;font-weight:700;color:#fff}.forgot-password-body{padding:45px 40px}.forgot-password-title{font-size:34px;font-weight:700;color:#1e90ff;margin:0 0 10px;text-align:center}.forgot-password-subtitle{font-size:14px;color:#6b7280;margin:0 0 35px;text-align:center;line-height:1.5;font-weight:400}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-input.input-error{border-color:#ef4444}.send-link-button{width:100%;padding:14px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e90ff40;margin-top:10px}.send-link-button:hover{background:linear-gradient(135deg,#06c,#004c99);box-shadow:0 4px 12px #1e90ff59}.send-link-button:active{transform:translateY(1px)}.back-to-login-button{width:100%;padding:14px;background:#fff;color:#1e90ff;border:1.5px solid #1e90ff;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:block;box-sizing:border-box}.back-to-login-button:hover{background:#f0f5ff;border-color:#06c;box-shadow:0 4px 12px #1e90ff33}.back-to-login-button:active{transform:translateY(0)}.success-message-container{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#00c853,#00e676);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 24px;box-shadow:0 8px 24px #00c8534d;animation:successPop .5s ease-out}.success-message strong{color:#1e90ff;font-weight:600}@media(max-width:600px){.forgot-password-container{padding:15px}.forgot-password-body{padding:30px 25px}.forgot-password-title{font-size:24px}.decoration-top-left,.decoration-bottom-right,.sparkle{display:none}}@media(max-width:400px){.forgot-password-body{padding:25px 20px}.form-input{padding:12px 12px 12px 40px}}.signup-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;position:relative;overflow:hidden;font-family:Cairo,sans-serif;padding:40px 20px}.language-toggle-top{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:0;background:#fff;border-radius:25px;padding:3px;box-shadow:0 2px 6px #00000014;z-index:100}.lang-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;background:transparent;color:#666;font-size:13px;font-weight:500;font-family:Cairo,sans-serif;cursor:pointer;border-radius:22px;transition:all .3s ease;white-space:nowrap}.lang-btn:hover{color:#333}.lang-btn.active{background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff;box-shadow:0 2px 6px #ff6b3540}.flag-icon{font-size:16px;display:flex;align-items:center}.lang-text{font-size:14px;font-weight:600}.top-logo-header{position:absolute;top:20px;right:20px;z-index:100}.top-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.top-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1e90ff,#06c);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 4px 12px #1e90ff4d}.top-logo-text{font-size:22px;font-weight:700;color:#1e90ff}.decoration{position:absolute;border-radius:50%;opacity:.6}.decoration-top-left{width:150px;height:150px;background:linear-gradient(135deg,#ff9a56,#ff6b35);top:-50px;left:-50px;border-radius:50% 50% 80%}.decoration-top-right{width:100px;height:100px;background:linear-gradient(135deg,#ffb347,#ff9a56);top:80px;right:50px;border-radius:50%;animation:float 6s ease-in-out infinite}.decoration-bottom-left{width:120px;height:120px;background:linear-gradient(135deg,#ff9a56,#ffb347);bottom:100px;left:80px;border-radius:50%;animation:float 5s ease-in-out infinite}.decoration-bottom-right{width:200px;height:200px;background:linear-gradient(135deg,#ffb347,#ff6b35);bottom:-80px;right:-60px;border-radius:50% 80% 50% 50%}.sparkle{position:absolute;width:30px;height:30px;background:linear-gradient(45deg,gold,#ff9a56);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkle 3s ease-in-out infinite}.sparkle-1{top:150px;left:150px;animation-delay:0s}.sparkle-2{top:300px;right:200px;animation-delay:1s}.sparkle-3{bottom:200px;left:250px;animation-delay:2s}.sparkle-4{bottom:300px;right:300px;width:25px;height:25px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.signup-container{position:relative;z-index:10;width:100%;max-width:950px}.signup-card{background:#fff;border-radius:28px;border:2px solid #e8f0fe;box-shadow:0 8px 32px #00000014;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signup-body{padding:40px 50px}.progress-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;position:relative}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;z-index:2}.step-circle{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease}.step.active .step-circle{background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;box-shadow:0 4px 12px #1e90ff4d}.step.completed .step-circle{background:#00c853;color:#fff}.step-label{font-size:11px;color:#999;text-align:center;max-width:80px;line-height:1.2}.step.active .step-label{color:#1e90ff;font-weight:600}.step-line{flex:1;height:2px;background:#e0e0e0;margin:0 -10px;position:relative;top:-15px;z-index:1}.step-content{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signup-title{font-size:32px;font-weight:700;color:#1e90ff;margin:0 0 10px;text-align:center}.signup-subtitle{font-size:14px;color:#666;margin:0 0 28px;text-align:center;line-height:1.5}.signup-subtitle strong{color:#1e90ff;font-weight:600}.category-selection{max-width:1600px;margin:0 auto;width:100%;padding:0 20px}.category-main-title{font-size:36px;font-weight:700;color:#1e90ff;margin:0 0 12px;text-align:center}.category-main-subtitle{font-size:15px;color:#666;margin:0 0 40px;text-align:center}.categories-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:35px}.category-card-new{background:#fff;border:2px solid transparent;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 10px #00000014;position:relative}.category-card-new:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0000001f}.category-card-new.selected{transform:translateY(-5px);box-shadow:0 4px 25px #00000026;border-color:var(--category-color);border-width:3px}.category-card-new.selected .category-card-top{background:var(--category-color)}.category-card-top{position:relative;min-height:200px;background:#fff;display:flex;justify-content:center;align-items:center;padding:30px 20px 10px;overflow:visible}.category-image{width:140px;height:auto;max-height:180px;object-fit:contain;position:relative;z-index:2}.category-image-placeholder{width:100px;height:100px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.person-icon{width:60px;height:60px;background:#1e90ff;border-radius:50%;position:relative}.person-icon:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:40px;height:20px;background:#1e90ff;border-radius:50% 50% 0 0}.category-decorations{position:absolute;inset:0;pointer-events:none;z-index:3}.star-decoration,.plus-decoration{position:absolute;font-size:20px;opacity:.6}.category-card-new:nth-child(1) .star-decoration{top:15px;left:15px;color:#007bff}.category-card-new:nth-child(1) .plus-decoration{top:20px;right:15px;color:#007bff}.category-card-new:nth-child(2) .star-decoration{top:15px;left:15px;color:#26ff00}.category-card-new:nth-child(2) .plus-decoration{top:20px;right:15px;color:#26ff00}.category-card-new:nth-child(3) .star-decoration{top:15px;left:15px;color:#0df}.category-card-new:nth-child(3) .plus-decoration{top:20px;right:15px;color:#0df}.category-card-new:nth-child(4) .star-decoration{top:15px;left:15px;color:#ff00e4}.category-card-new:nth-child(4) .plus-decoration{top:20px;right:15px;color:#ff00e4}.category-card-bottom{padding:20px 20px 25px;flex-grow:1;display:flex;flex-direction:column;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.category-card-bottom[data-category="1"],.category-card-bottom[data-category="2"],.category-card-bottom[data-category="3"],.category-card-bottom[data-category="4"]{background:linear-gradient(135deg,#ff8c42,#ff6b20)}.category-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.category-subtitle{font-size:13px;color:#fffffff2;margin:0 0 12px;text-align:center;font-weight:500}.category-description{font-size:13px;color:#ffffffe6;line-height:1.5;margin:0;text-align:center}.select-category-button{width:100%;max-width:400px;margin:0 auto;padding:14px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e90ff40;display:block}.select-category-button:hover{background:linear-gradient(135deg,#06c,#004c99);transform:translateY(-2px);box-shadow:0 4px 12px #1e90ff59}.select-category-button:active{transform:translateY(0)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.category-card{padding:25px;border:1.5px solid #d1d5db;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;background:#fff}.category-card:hover{border-color:#1e90ff;transform:translateY(-2px);box-shadow:0 2px 8px #1e90ff26}.category-card.selected{border-color:#1e90ff;background:linear-gradient(135deg,#1e90ff0f,#0066cc0f);box-shadow:0 2px 12px #1e90ff33}.category-icon{font-size:48px}.category-label{font-size:16px;font-weight:600;color:#333}.signup-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#333}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:#1e90ff;font-size:16px}.form-input{width:100%;padding:13px 15px 13px 45px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;font-family:Cairo,sans-serif;transition:all .3s ease;box-sizing:border-box;color:#374151}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input.code-input{text-align:center;font-size:24px;letter-spacing:8px;padding:14px 15px;font-weight:600}.code-inputs-wrapper{display:flex;gap:15px;justify-content:center;margin:20px 0 25px}.code-box{width:70px;height:70px;border:1.5px solid #d1d5db;border-radius:12px;text-align:center;font-size:28px;font-weight:600;font-family:Cairo,sans-serif;color:#1e90ff;background:#f8fafc;transition:all .3s ease;box-sizing:border-box}.code-box:focus{outline:none;border-color:#1e90ff;background:#fff;box-shadow:0 0 0 3px #1e90ff14}.form-input:focus{outline:none;border-color:#1e90ff;box-shadow:0 0 0 3px #1e90ff14}.form-input.input-error{border-color:#f44}.password-toggle{position:absolute;right:15px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#1e90ff}.error-message{font-size:13px;color:#f44;margin-top:-4px}.next-button,.create-account-button,.verify-button,.go-to-login-button{width:100%;padding:14px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e90ff40;margin-top:8px}.next-button:hover,.create-account-button:hover,.verify-button:hover,.go-to-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e90ff66}.next-button:active,.create-account-button:active,.verify-button:active,.go-to-login-button:active{transform:translateY(0)}.login-prompt,.resend-prompt{text-align:center;font-size:14px;color:#666;margin:15px 0 20px}.login-link,.resend-link{color:#1e90ff;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link:hover,.resend-link:hover{color:#06c;text-decoration:underline}.customize-title{font-size:28px;font-weight:700;color:#1e90ff;margin:0 0 8px;text-align:center}.customize-subtitle{font-size:14px;color:#666;margin:0 0 25px;text-align:center;line-height:1.5}.question-progress{display:flex;align-items:center;justify-content:center;margin:0 0 35px;gap:8px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.progress-dot.active{background:#ff8c42;width:14px;height:14px}.progress-line{width:50px;height:2px;background:#e0e0e0}.customize-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#fff;padding:0}.section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.customize-input{padding:13px 15px!important}.customize-buttons{display:flex;gap:15px;margin-top:15px}.previous-button{flex:1;padding:14px;background:#fff;color:#666;border:1.5px solid #d1d5db;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.previous-button:hover{background:#f8fafc;border-color:#9ca3af;color:#333}.next-button-customize{flex:1;padding:14px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e90ff40}.next-button-customize:hover{background:linear-gradient(135deg,#06c,#004c99);transform:translateY(-2px);box-shadow:0 4px 12px #1e90ff59}.next-button-customize:active,.previous-button:active{transform:translateY(0)}.success-content{text-align:center;padding:20px 0}.success-icon-large{width:100px;height:100px;background:linear-gradient(135deg,#00c853,#00e676);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:64px;margin:0 auto 24px;box-shadow:0 8px 24px #00c8534d;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-title{font-size:28px;font-weight:700;color:#333;margin:0 0 12px}.success-message{font-size:15px;color:#666;margin:0 0 32px;line-height:1.5}@media(max-width:600px){.signup-page{padding:20px 15px}.signup-body{padding:30px 25px}.signup-title{font-size:24px}.progress-steps{margin-bottom:30px}.step-circle{width:35px;height:35px;font-size:14px}.step-label{font-size:10px;max-width:70px}.categories-grid{grid-template-columns:1fr}.categories-grid-new{grid-template-columns:repeat(2,1fr);gap:15px}.category-card-top{min-height:150px;padding:20px 15px 10px}.category-image{width:100px;max-height:130px}.category-image-placeholder{width:80px;height:80px}.person-icon{width:50px;height:50px}.category-card-bottom{padding:18px 15px 20px}.category-title{font-size:18px}.category-subtitle,.category-description{font-size:12px}.star-decoration,.plus-decoration{font-size:16px}.category-card{padding:20px}.decoration-top-left,.decoration-bottom-right,.sparkle{display:none}}@media(max-width:768px){.categories-grid-new{grid-template-columns:1fr}}@media(max-width:400px){.signup-body{padding:25px 20px}.form-input{padding:12px 12px 12px 40px}.step-label{font-size:9px;max-width:60px}.step-circle{width:30px;height:30px;font-size:12px}}*{box-sizing:border-box;font-family:Cairo,sans-serif}body{margin:0;background-color:#f8f9fb}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px}.login-container{width:100%;max-width:500px;background:transparent}.tabs-header{display:flex;width:100%}.tab-btn{flex:1;padding:18px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.inactive{background-color:#f0f0f0;color:#333;border-top-left-radius:12px}.tab-btn.active{background-color:#ff8c00;color:#fff;border-top-right-radius:12px}.form-card{background:#fff;padding:40px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 10px 30px #0000000d;text-align:center}.form-title{margin:0 0 10px;color:#000;font-size:26px;font-weight:700}.form-subtitle{margin:0 0 30px;color:#666;font-size:14px}.login-form{text-align:left}.input-group{margin-bottom:25px}.input-group label{display:block;font-size:14px;color:#1a3b5d;font-weight:600;margin-bottom:8px}.custom-select-container{position:relative;width:100%}.select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:border-color .3s ease;height:52px}.select-trigger:hover,.select-trigger.open{border-color:#ff8c00}.trigger-left{display:flex;align-items:center;gap:12px}.selected-text{color:#a6a6a6;font-size:15px}.selected-text.active{color:#333}.arrow-wrapper{display:flex;align-items:center;transition:transform .3s ease}.arrow-wrapper.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border-radius:8px;box-shadow:0 8px 20px #00000026;z-index:100;padding:8px 0;max-height:250px;overflow-y:auto;border:1px solid #f0f0f0}.dropdown-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;color:#333;font-size:14px}.dropdown-item:hover{background-color:#f5f7fa}.school-list-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;background-color:#eee}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.custom-input{width:100%;padding:12px 45px;height:52px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;transition:border-color .3s}.custom-input:focus{border-color:#007bff}.custom-input::placeholder{color:#a6a6a6}.icon-wrapper{display:flex;align-items:center;justify-content:center}.icon-wrapper.left{position:absolute;left:15px;pointer-events:none}.icon-wrapper.right{position:absolute;right:15px;background:none;border:none;cursor:pointer;padding:0}.submit-btn{height:50px;width:100%;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.submit-btn:hover{background-color:#0056b3}.school-navbar{background-color:#fff;padding:15px 0;width:100%}.navbar-container-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.navbar-user-section{display:flex;align-items:center;gap:15px}.user-avatar-circle{width:50px;height:50px;background-color:#ff8c00;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-circle svg{width:32px;height:32px}.user-details{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:700;color:#000;margin:0}.user-role{font-size:13px;color:#333;font-weight:500}.navbar-school-section{display:flex;align-items:center}.school-logo-circle{width:70px;height:70px;background-color:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;font-size:10px;font-weight:700;color:#000;line-height:1.2}.school-page-container{background-color:#f8f9fb;min-height:100vh;padding-bottom:50px}.school-header{background:#1280fe;color:#fff;text-align:center;padding:20px 20px 100px;position:relative;z-index:1}.school-header h1{font-size:48px;font-weight:700;margin-bottom:-30px}.school-header p{font-size:24px;opacity:.9}.content-wrapper{max-width:1250px;margin:-60px auto 0;padding:0 20px;position:relative;z-index:2}.action-cards-container{display:flex;gap:20px;margin-bottom:30px}.action-card{flex:1;background:#fff;border-radius:16px;padding:0 0 20px;text-align:center;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;align-items:center;overflow:hidden}.card-content{padding:40px 30px 20px;display:flex;flex-direction:column;align-items:center;flex-grow:1}.card-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.card-icon svg{width:40px;height:40px}.card-icon.blue-bg{background-color:#05f}.card-icon.orange-bg{background-color:#ff8c00}.action-card h3{font-size:24px;color:#1a1a1a;margin-bottom:0;font-weight:700}.action-card p{font-size:16px;color:#666;line-height:1.5;max-width:90%}.card-link{width:100%;background-color:#f7f7f7;color:#007bff;text-decoration:none;font-weight:600;font-size:14px;padding:15px 0;display:block;transition:background .3s ease;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:10px}.card-link:hover{background-color:#eee;color:#0056b3}.info-section{background:#fff;border-radius:16px;padding:20px 25px;margin-bottom:25px;box-shadow:0 4px 15px #00000008}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:28px;color:#000;font-weight:700;margin:0}.see-all{font-size:19px;color:#007bff;text-decoration:none;font-weight:600}.list-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.list-item:last-child{border-bottom:none}.item-left{display:flex;align-items:center;gap:15px}.item-icon{width:58px;height:58px;background:#eff4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#007bff}.item-icon svg{width:28px;height:28px}.item-text{font-size:20px;color:#333;font-weight:500}.item-link{font-size:19px;color:#007bff;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:8px}.item-time{font-size:18px;color:#999;white-space:nowrap}.note-card{display:flex;gap:15px;border-bottom:1px solid #f0f0f0;padding:15px 0}.note-card:last-child{border-bottom:none}.note-avatar-col{display:flex;justify-content:center;align-items:center}.note-avatar-col img{width:65px;height:65px;border-radius:50%;object-fit:cover;display:block}.note-content-col{flex:1;display:flex;flex-direction:column;justify-content:center}.note-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.note-header-row h4{font-size:24px;font-weight:600;color:#000;margin:0}.note-text{font-size:20px;color:#555;line-height:1.5;margin:0}.note-profile{display:flex;align-items:center;gap:10px}.note-profile img{width:65px;height:65px;border-radius:50%;object-fit:cover}.note-profile h4{font-size:24px;font-weight:600;color:#333;margin:0}.note-date{font-size:18px;color:#999}.note-body{font-size:20px;color:#555;line-height:1.5;margin-left:50px}@media(max-width:768px){.action-cards-container{flex-direction:column}}