@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{width:100%;height:100%;font-family:sans-serif}.desktop-nav{width:100%;height:64px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;top:0;z-index:999}.nav-logo{display:flex;justify-content:center;align-items:center}.nav-logo img{height:3rem}.nav-logo span{font-family:var(--font-primary);font-weight:600;font-size:1.4rem}.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;color:#cbd5f5;font-size:1rem;font-family:var(--font-secondary);font-weight:500}.nav-links a.active{color:#fff}.login-btn{background:#38bdf8;border:none;padding:7px 16px;border-radius:6px;cursor:pointer;font-size:1rem;font-family:var(--font-secondary);font-weight:500}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:.2s ease}.avatar:hover{transform:scale(1.05)}.avatar.active{box-shadow:0 0 0 3px #38bdf859}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;top:48px;right:0;width:220px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001f;padding:14px;display:flex;flex-direction:column;gap:10px;animation:dropdownFade .18s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-email{font-size:13px;color:#334155;word-break:break-all;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.profile-dropdown button{border:none;background:#f1f5f9;padding:10px;border-radius:6px;cursor:pointer}.profile-dropdown .danger{background:#f75f5f;color:#fff;cursor:pointer}.mobile-top-bar{position:fixed;top:0;left:0;right:0;height:56px;background:#0f172a;color:#fff;display:none;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;display:none;justify-content:space-around;align-items:center;box-shadow:0 -5px 18px #0000001f;z-index:1000}.mobile-bottom-nav a,.account-btn{height:100%;text-decoration:none;color:#64748b;font-size:11px;display:flex;flex-direction:column;align-items:center!important;justify-content:center!important;position:relative;flex:1}.mobile-bottom-nav a.active:before{content:"";position:absolute;top:6px;width:80%;height:3rem;border-radius:.3rem;background:linear-gradient(135deg,#38bdf8,#0ea5e9);z-index:-999}@keyframes bubblePop{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}.mobile-bottom-nav svg{font-size:20px}.mobile-bottom-nav a.active{color:#fff;display:flex;justify-content:center!important;align-items:center!important}.mobile-sidebar{position:fixed;top:0;right:-280px;width:280px;max-width:85%;height:100%;background:#fff;transition:.35s cubic-bezier(.22,1,.36,1);z-index:2000;box-shadow:-10px 0 40px #00000026;display:flex;flex-direction:column;border-top-left-radius:20px;border-bottom-left-radius:20px}.mobile-sidebar.open{right:0}.sidebar-header{display:flex;justify-content:flex-end;padding:20px 20px 10px;font-size:22px;cursor:pointer;color:#334155}.sidebar-header svg{transition:.3s ease}.sidebar-header svg:hover{transform:rotate(90deg);color:#ef4444}.sidebar-content{flex:1;padding:10px 22px 25px;display:flex;flex-direction:column}.sidebar-avatar{width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#06b6d4);margin:10px auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:600;box-shadow:0 12px 25px #6366f159}.sidebar-email{text-align:center;font-size:13px;color:#64748b;margin-bottom:25px;word-break:break-word}.sidebar-links{display:flex;flex-direction:column;gap:10px;margin-bottom:auto}.sidebar-links div{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;cursor:pointer;font-size:15px;font-weight:500;color:#1e293b;transition:all .25s ease;position:relative}.sidebar-links div svg{font-size:17px;color:#64748b;transition:.25s ease}.sidebar-links div:hover{background:linear-gradient(135deg,#eef2ff,#f1f5f9);transform:translate(6px);color:#4f46e5}.sidebar-links div:hover svg{color:#4f46e5}.sidebar-links div:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:0%;background:#4f46e5;border-radius:10px;transition:.3s ease}.sidebar-links div:hover:before{height:60%}.sidebar-content button{width:100%;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:.3s ease}.sidebar-content button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ef444459}.sidebar-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;animation:fadeIn .3s ease}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn svg{font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.desktop-nav{display:none}.mobile-top-bar,.mobile-bottom-nav{display:flex}}.footer{background:linear-gradient(135deg,#020617,#0f172a);color:#fff;margin-top:60px;font-family:var(--font-secondary)}.footer-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:40px;padding:45px 24px 30px;flex-wrap:wrap;border-bottom:1px solid #1e293b}.footer-section{flex:1;min-width:220px}.footer_logo_box{display:flex;align-items:center;gap:10px;margin-bottom:10px}.footer_logo_box img{height:2.6rem}.footer_logo_box h3{font-family:var(--font-primary);font-size:18px}.footer-section h4{font-family:var(--font-primary);font-size:14px;margin-bottom:12px;color:#38bdf8}.footer-section p{font-size:13px;margin:7px 0;color:#cbd5f5;cursor:pointer;transition:.2s ease}.footer-section p:hover{color:#fff;padding-left:6px}.social-row{display:flex;gap:14px;font-size:18px;margin:10px 0;color:#38bdf8}.social-row svg{cursor:pointer;transition:.2s ease}.social-row svg:hover{color:#fff;transform:scale(1.1)}.footer-bottom{text-align:center;padding:16px;font-size:12px;color:#94a3b8}@media(max-width:768px){.footer-container{flex-direction:column;gap:22px}}.outlet{padding-top:56px}@media(max-width:600px){.outlet{padding-top:56px}}.swiper-hero{width:100%;height:auto;margin-bottom:40px}.hero-slide{width:100%;height:380px;background-size:100% 100%;background-position:center;display:flex;justify-content:center;align-items:center}.hero-slide-content{text-align:center;color:#fff;background:#00000059;padding:16px 28px;border-radius:10px}.hero-slide-content h1{font-size:26px;font-weight:700;margin-bottom:10px}.hero-slide-content p{font-size:16px;margin-bottom:14px}.start-btn{background:#38bdf8;color:#0f172a;border:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s}.start-btn:hover{background:#fff;color:#0f172a;transform:translateY(-2px)}.swiper-pagination-bullet{background:#ffffffb3}.swiper-pagination-bullet-active{background:#38bdf8}@media(max-width:768px){.hero-slide{height:30vh}.hero-slide-content h1{font-size:20px}.hero-slide-content p{font-size:14px}.start-btn{padding:8px 18px;font-size:13px}}.features{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.feature-card{background-color:#fff;width:280px;padding:22px;border-radius:10px;box-shadow:0 6px 18px #00000014;transition:.3s}.feature-card:hover{transform:translateY(-6px)}.feature-card h3{font-size:18px;margin-bottom:10px;color:#0f172a}.feature-card p{font-size:13px;color:#475569}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.why-section{margin-top:50px;text-align:center;padding:20px}.why-section h2{font-size:26px;color:#0f172a;margin-bottom:30px}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1100px;margin:auto}.why-card{background:#fff;padding:22px;border-radius:10px;box-shadow:0 6px 18px #00000014;transition:.3s ease;cursor:pointer}.why-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.why-icon{font-size:26px;margin-bottom:10px}.why-card h3{font-size:17px;color:#0f172a;margin-bottom:6px}.why-card p{font-size:13px;color:#64748b;line-height:1.5}@media(max-width:768px){.why-section h2{font-size:22px}.why-card{padding:18px}}.testimonial-section{margin-top:70px;text-align:center;padding:20px}.testimonial-section h2{font-size:26px;margin-bottom:30px;color:#0f172a}.testimonial-slider{overflow:hidden;position:relative;width:100%;max-width:1100px;margin:auto}.testimonial-track{display:flex;gap:20px;animation:slideTestimonials 18s linear infinite}.testimonial-card{min-width:280px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 25px #00000014;text-align:left;transition:.3s ease}.testimonial-card:hover{transform:translateY(-6px)}.testimonial-card p{font-size:13px;color:#475569;margin-bottom:14px;line-height:1.5}.testimonial-card h4{font-size:14px;color:#0f172a}.testimonial-card span{font-size:12px;color:#38bdf8}@keyframes slideTestimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.testimonial-card{min-width:240px}.testimonial-section h2{font-size:22px}}.stats-section{margin-top:60px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:14px;padding:50px 20px;color:#fff;position:relative;overflow:hidden}.stats-overlay{max-width:1100px;margin:auto;text-align:center}.stats-overlay h2{font-size:26px;margin-bottom:35px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-card{background:#ffffff14;border-radius:10px;padding:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-6px) scale(1.02);background:#38bdf82e}.stat-card h3{font-size:26px;color:#38bdf8;margin-bottom:6px}.stat-card p{font-size:13px;color:#6778b1;font-family:var(--font-secondary);font-weight:500}.stat-card:hover p{color:#fff}@media(max-width:768px){.stats-overlay h2{font-size:22px}.stat-card{padding:18px}.stat-card h3{font-size:22px}}.faq-section{margin-top:70px;padding:20px;text-align:center}.faq-section h2{font-size:26px;color:#0f172a;margin-bottom:6px}.faq-subtitle{font-size:14px;color:#64748b;margin-bottom:30px}.faq-container{max-width:900px;margin:auto;text-align:left}.faq-item{background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 6px 18px #0000000f;overflow:hidden;transition:.3s}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;font-weight:600;color:#0f172a;font-size:15px;transition:.2s}.faq-question:hover{background:#4f46e514}.faq-icon{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;background:#f8fafc}.faq-answer p{padding:0 20px 18px;font-size:13px;color:#475569;line-height:1.6}.faq-item.open .faq-answer{max-height:200px;padding-top:10px}@media(max-width:768px){.faq-section h2{font-size:22px}.faq-question{font-size:14px;padding:16px}}.contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#0f172a,#020617);padding:40px 20px}.contact-wrapper{max-width:1100px;width:100%;display:flex;background:#0f172ab3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #00000073}.contact-left{flex:1;padding:50px;color:#fff}.contact-left h2{font-size:28px;margin-bottom:10px}.contact-left p{font-size:14px;color:#94a3b8;margin-bottom:30px}.contact-left input,.contact-left textarea{width:100%;background:#1e293b99;border:1px solid rgba(148,163,184,.15);padding:14px;border-radius:10px;margin-bottom:16px;color:#fff;outline:none;transition:.3s}.contact-left input:focus,.contact-left textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.contact-left button{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;padding:14px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.3s}.contact-left button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #6366f159}.contact-right{flex:1;background:linear-gradient(135deg,#0f172a,#020617);display:flex;justify-content:center;align-items:center;padding:30px}.contact-right img{width:100%;max-width:420px;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:768px){.contact-wrapper{flex-direction:column}.contact-left{padding:35px 25px}.contact-right{padding:20px}}.auth-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);font-family:Arial,sans-serif}.auth_card_wrapper{width:80%;height:70vh;position:relative;background-image:url(/assets/ags-login-background-img-ViWRR9dG.png);background-position:center;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.7rem}.round_cross_icon_login{position:absolute;top:.3rem;right:.3rem;font-size:2rem;color:#fffdfd;cursor:pointer}.ags_login_logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.ags_login_logo img{width:4rem}.ags_login_logo h2{color:#fff}.auth-card{width:30rem;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center}.auth-card h2{margin-bottom:10px;color:#111827}.auth-card p{color:gray;margin-bottom:25px}.email_login_box{position:relative}.auth-card input{width:100%;padding:12px 40px;margin-bottom:20px;border-radius:6px;background-color:#dfefff;font-size:1.3rem;outline:none}.login_mail_icon{position:absolute;left:.4rem;top:.86rem;font-size:1.6rem;color:#1e90ff}.auth-card button{width:100%;padding:12px;border:none;background:#1e90ff;color:#fff;border-radius:6px;cursor:pointer;font-size:15px;transition:.3s}.auth-card button:hover{background:#4338ca}@media(max-width:600px){.auth-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);font-family:Arial,sans-serif}.auth_card_wrapper{width:100%;height:60vh;background-size:159% 110%;border-radius:0}.auth-card{width:19rem;background:#fff;padding:2.8rem 1.2rem;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center}}.about-page{min-height:100vh;background:#f8fafc;padding:40px 20px;font-family:Segoe UI,Tahoma,sans-serif}.about-hero{text-align:center;margin-bottom:40px}.about-hero h1{font-size:34px;color:#0f172a;margin-bottom:8px}.about-hero p{font-size:15px;color:#64748b}.about-content{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.about-card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 8px 24px #0000000f;transition:.25s}.about-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000017}.about-card h3{margin-bottom:10px;color:#1e293b}.about-card p{font-size:14px;line-height:1.6;color:#475569}.about-footer-note{text-align:center;margin-top:50px}.about-footer-note h4{font-weight:500;color:#2563eb}.otp-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);font-family:Arial,sans-serif}.otp_card_warpper{position:relative;width:80%;max-width:1200px;height:80vh;background:url(/assets/verivy-otp-backgroud-img-DCMraTAl.png);display:flex;justify-content:center;align-items:center;border-radius:18px}.round_cross_icon_verify{position:absolute;top:.3rem;right:.5rem;font-size:2rem;color:#fff;cursor:pointer}.otp-card{width:420px;background:#fff;padding:40px 32px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000040;transition:.2s}.otp-card h2{margin-bottom:8px}.otp-card h3{font-size:14px;font-weight:500;color:#64748b;margin-bottom:10px}.otp-email{color:#4f46e5;font-weight:600;margin-bottom:26px}.otp-inputs{display:flex;justify-content:space-between;margin-bottom:20px}.otp-inputs input{width:52px;height:58px;border-radius:14px;border:1px solid rgba(79,70,229,.35);text-align:center;font-size:22px;font-weight:600;transition:.2s}.otp-inputs input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;transform:translateY(-2px);outline:none}.verify_timer{font-family:var(--font-secondary);font-size:1.2rem;font-weight:500;margin-bottom:20px;color:#cb4412}.verify-btn{width:100%;height:46px;border:none;border-radius:12px;font-family:var(--font-primary);background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;font-weight:600;cursor:pointer;transition:.2s;position:relative}.verify-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e566}.verify-btn:active:enabled{transform:scale(.98)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.btn-loader{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top:2px solid white;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resend-btn{font-family:var(--font-secondary);margin-top:12px;background:none;border:none;color:#4f46e5;font-weight:600;cursor:pointer;border:2px solid rgb(0,153,255);border-radius:2rem}.resend-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.shake{animation:shake .35s ease}@media(max-width:600px){.otp_card_warpper{position:relative;width:100%;background-position:center;background-size:100%;border-radius:0}.otp-card{width:90%;padding:2rem 1rem}.otp-inputs input{width:2.6rem;height:2.9rem;border-radius:.4rem}.verify_timer{font-size:.8rem}.verify-btn{width:100%;height:2.5rem}}.dashboard-home{padding:40px;background:#f4f6fb;min-height:100vh}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:28px;margin-bottom:8px;color:#1e293b}.dashboard-header p{color:#64748b}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:10px;transition:.2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{font-size:14px;color:#64748b}.stat-card span{font-size:26px;font-weight:600;color:#1e293b}.quick-actions h2{margin-bottom:20px;color:#1e293b}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.actions-grid button{padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:500;cursor:pointer;transition:.2s ease}.actions-grid button:hover{opacity:.9}.manageUsersContainer{background:#f9fafb;padding:20px;border-radius:12px}.addUserBox{display:flex;gap:10px;margin-bottom:20px}.inputField,.nameInput{padding:8px;border-radius:6px;border:1px solid #d1d5db}.addBtn{background:#16a34a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.searchInput{width:100%;padding:10px;margin-bottom:20px;border-radius:8px;border:1px solid #d1d5db}.usersTable{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f}.rowHeader{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px;font-weight:700;border-bottom:1px solid #e5e7eb}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px;border-bottom:1px solid #f1f5f9;align-items:center}.roleSelect{padding:6px;border-radius:6px}.deleteBtn{background:#dc2626;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.noUsers{padding:12px}.pagination{margin-top:15px;display:flex;justify-content:center;gap:15px;align-items:center}.actionBtns button{margin-left:5px}.editBtn{background:#2563eb;color:#fff;border:none;padding:5px 8px;border-radius:5px;cursor:pointer}.saveBtn{background:#16a34a;color:#fff;border:none;padding:5px 8px;border-radius:5px;cursor:pointer}.cancelBtn{background:#6b7280;color:#fff;border:none;padding:5px 8px;border-radius:5px;cursor:pointer}.admin-container{padding:40px;background:#f4f6fb;min-height:100vh}.admin-content{max-width:1300px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 15px 40px #0000000f;display:flex;flex-direction:column;gap:14px;transition:.25s ease}.card:hover{transform:translateY(-4px)}.card h2{margin-bottom:10px;font-size:18px;font-weight:600;color:#1e293b}input,textarea,select{width:100%;padding:11px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f9fafb;font-size:14px;transition:.2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;background:#fff}button{padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:500;cursor:pointer;transition:.2s ease}button.danger{background:#ef4444;padding:6px 12px;border-radius:8px}.subject-list{margin-top:8px}.subject-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.manage-tests{display:flex;gap:20px;padding:20px;min-height:100vh;background:#f5f7fb}.tests-list{width:35%;background:#fff;padding:20px;border-radius:14px;box-shadow:0 8px 20px #0000000d;overflow-y:auto}.tests-list h2{margin-bottom:20px}.subject-group{margin-bottom:25px}.subject-heading{padding:8px 12px;margin-bottom:10px;font-weight:600;border-radius:8px;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff}.test-card{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:10px;border-radius:10px;transition:.3s;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box}.test-card:hover{transform:translateY(-3px)}.test-details{flex:1;background:#fff;padding:25px;border-radius:14px;box-shadow:0 8px 20px #0000000d;overflow-y:auto}.question-box{padding:15px;border-radius:10px;margin-bottom:15px;background:#fafafa;border-left:4px solid #667eea}.question-box ul{padding-left:18px}.editor{margin-top:30px;padding:20px;background:#f9fafc;border-radius:12px;border:1px solid #eee}.editor input,.editor textarea,.editor select{width:100%;margin:8px 0;padding:10px;border-radius:8px;border:1px solid #ddd;outline:none;font-size:14px}.editor input:focus,.editor textarea:focus,.editor select:focus{border-color:#667eea}button{padding:7px 14px;border:none;border-radius:8px;cursor:pointer;background:#2563eb;color:#fff;transition:.3s}button:hover{opacity:.9}button.danger{background:#dc2626}.actions{display:flex;gap:8px;margin-top:10px}.modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:25px;width:450px;border-radius:14px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.manage-tests{flex-direction:column}.tests-list{width:100%}}.admin-container{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:#111827;color:#fff;padding:20px;display:flex;flex-direction:column;gap:10px}.admin-sidebar button{background:#1f2933;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:6px;text-align:left}.admin-sidebar button:hover{background:#374151}.admin-content{flex:1;padding:30px;background:#f9fafb}.adminBanner{padding:40px;background:#f6f8fb;min-height:100vh}.pageTitle{font-size:26px;font-weight:600;margin-bottom:25px;color:#333}.uploadSection{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 5px 15px #00000014}.uploadLeft{display:flex;gap:10px;align-items:center}.uploadLeft input{border:1px solid #ddd;padding:6px}.uploadBtn{background:linear-gradient(45deg,#3b82f6,#2563eb);border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s}.uploadBtn:hover{transform:scale(1.05)}.previewBox img{width:180px;height:90px;object-fit:cover;border-radius:8px;border:2px solid #eee}.bannerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.bannerCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #00000014;transition:.3s}.bannerCard:hover{transform:translateY(-5px)}.bannerCard img{width:100%;height:160px;object-fit:cover}.activeTag{position:absolute;background:#22c55e;color:#fff;font-size:12px;padding:4px 10px;border-radius:4px;top:10px;left:10px}.bannerActions{display:flex;justify-content:center;gap:15px;padding:15px}.activateBtn{background:#22c55e;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px}.deleteBtn{background:#ef4444;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px}.activateBtn:hover{background:#16a34a}.deleteBtn:hover{background:#dc2626}.mock-tests-container{padding:50px 20px;background-color:#eef1f6;min-height:80vh;text-align:center}.mock-title{font-size:28px;font-weight:600;margin-bottom:35px;color:#222}.mock-grid{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.mock-card{background:#fff;width:260px;padding:22px;border-radius:12px;box-shadow:0 6px 18px #00000014;transition:all .3s ease;text-align:left}.mock-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000026}.mock-name{font-size:17px;font-weight:600;margin-bottom:15px;color:#1f2d3d}.mock-details p{font-size:13px;margin:4px 0;color:#555}.mock-btn{margin-top:15px;width:100%;padding:8px 0;background:linear-gradient(90deg,#36d1dc,#5b86e5);border:none;border-radius:6px;font-size:14px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.mock-btn:hover{background:linear-gradient(90deg,#5b86e5,#36d1dc);transform:scale(1.02)}@media(max-width:768px){.mock-card{width:90%}.subject-card{width:100%!important}}.subjects-page{min-height:100vh;padding:60px 40px;background:linear-gradient(135deg,#eef2ff,#f8fafc);font-family:Poppins,sans-serif}.subjects-header{text-align:center;margin-bottom:40px}.subjects-header h2{font-size:32px;font-weight:600;color:#1e293b;margin-bottom:8px}.subjects-header p{color:#64748b;font-size:16px}.subjects-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.subject-card{width:20%;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:25px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500;color:#1e293b;transition:all .3s ease;box-shadow:0 8px 20px #0000000d}.subject-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001a;background:#fff}.subject-card .arrow{font-size:20px;transition:transform .3s ease}.subject-card:hover .arrow{transform:translate(6px)}.loading,.empty{text-align:center;font-size:16px;color:#64748b;margin-top:30px}.question-panel{flex:3;background:#fff;position:relative;margin:20px;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000000d;border:1px solid #f0f0f0}h2{font-size:1.2rem;color:#64748b;margin-bottom:5px}h3{font-size:1rem;color:#94a3b8;margin-bottom:30px}.question-text{font-size:1.4rem;font-family:var(--font-primary);font-weight:600;color:#1e293b;margin:25px 0;line-height:1.5}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.options button{padding:16px 20px;border:1px solid #e2e8f0;background-color:#fff;border-radius:10px;cursor:pointer;color:#334155;text-align:start;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;font-family:var(--font-secondary);font-weight:700}.options button:hover{background-color:#d5d8dc;border-color:#cbd5e1}.options button.selected{background:#58b1ed;color:#0369a1;border-color:#7dd3fc;font-weight:500;box-shadow:0 4px 6px -1px #0000000d;color:#fff}.controls{display:flex;gap:15px;margin-top:20px}.controls button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.controls button:last-child{background:#3b82f6;color:#fff;border:none}.controls button:nth-child(2){background:#60a5fa;color:#fff;border:none}.controls button:first-child{background:#94a3b8;color:#fff;border:none}.question_sec_menu{position:absolute;right:.5rem;top:.5rem;font-size:1.8rem;background-color:#3b82f6;padding:.3rem;border-radius:50%;cursor:pointer;display:none}.controls button:disabled{opacity:.5;cursor:not-allowed}.timer_wrapper{width:100%;display:flex;justify-content:center;align-items:center}.lower_timer{width:8rem;display:flex;justify-content:center;align-items:center;margin-top:2rem;font-size:1.6rem;border-radius:.7rem;background:linear-gradient(#798cb1,#84b6f9) padding-box,linear-gradient(45deg,#ff6a00,#ee0979) border-box;display:none}@media(max-width:900px){.question-panel{padding:20px;margin:10px}}@media(max-width:600px){.question-panel{padding:.8rem!important;margin:10px}.question-text{font-size:1.2rem}.question_sec_menu{display:block}.controls{justify-content:center}.controls button{padding:.5rem .7rem;font-size:.78rem;border-radius:.3rem}.lower_timer{display:block}}.side-panel{flex:1.2;background:#1e293b;color:#fff;margin:20px;padding:30px;border-radius:16px;display:flex;flex-direction:column}.timer{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;margin-bottom:30px}.palette-item{aspect-ratio:1/1;background:#334155;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:transform .1s}.palette-item:hover{transform:scale(1.05)}.palette-item.current{background:#38bdf8;color:#0f172a}.palette-item.answered{background:#22c55e}.palette-item.review{background:#f59e0b}.attempt_color{margin-top:auto;display:flex;gap:10px;padding:20px 0;font-size:.85rem}.attempt_color>div{display:flex;align-items:center;gap:10px}.attempt_color .box{width:15px;height:15px;border-radius:3px}.answered .box{background:#22c55e}.marked .box{background:#f59e0b}.not_visited .box{background:#334155}.submit-btn{width:100%;padding:15px;background:#ef4444;border-radius:8px;color:#fff;border:none;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px;transition:background .3s}.submit-btn:hover{background:#dc2626}.cross_icon_side_panel{font-size:1.8rem;background-color:#38bdf8;border-radius:50%;display:none}.result-screen{min-height:100vh;padding:40px 20px;background:#f4f6f8}.result-summary{text-align:center;margin-bottom:40px}.score-circle{width:120px;height:120px;margin:20px auto;border-radius:50%;background:#4caf50;color:#fff;font-size:28px;font-weight:700;display:flex;justify-content:center;align-items:center}.result-buttons button{margin:1rem .6rem;padding:10px 20px;border:none;background:#1976d2;color:#fff;border-radius:5px;cursor:pointer}.review-section{max-width:900px;margin:auto}.review-card{background:#fff;padding:20px;margin-bottom:25px;border-radius:10px;box-shadow:0 4px 15px #0000000d}.review-card.correct{border-left:5px solid #16a34a}.review-card.wrong{border-left:5px solid #dc2626}.review-options{margin:15px 0}.option{padding:8px 12px;margin-bottom:6px;border-radius:6px;background:#f1f5f9}.correct-option{background:#d1fae5;border:1px solid #16a34a}.wrong-option{background:#fee2e2;border:1px solid #dc2626}.explanation-box{margin-top:12px;padding:10px;background:#f8fafc;border-left:4px solid #2563eb;border-radius:6px}.exam_layout_wrapper{width:100%;height:100vh;display:flex;justify-content:center}.exam-layout{width:80%;display:flex;height:100vh}.exam_layout_wrapper{min-height:100vh;background:#f4f6f8;padding:20px}.exam-layout{display:flex;gap:20px}.question-panel{flex:3;background:#fff;border-radius:12px;padding:30px}.side-panel{flex:1.3;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:15px;padding:25px;color:#fff;position:relative}@media(max-width:768px){.exam-layout{flex-direction:column;width:95%}.exam_layout_wrapper{padding:0}.side-panel{position:fixed;top:0;right:-110%;width:100%;height:100vh;z-index:1000;transition:.3s ease;margin:0;border-radius:0rem}.side-panel.open{right:0%}.cross_icon_side_panel{display:block}}.loader_wrapper{position:fixed;inset:0;background:#f4f7ff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader_content{text-align:center;animation:fadeIn .8s ease-in-out}.loader_content p{font-size:15px;color:#555;display:flex;align-items:center;gap:10px}.upper_load_box{display:flex;align-items:center;justify-content:center;gap:18px}.lower_load_box{margin-top:12px;display:flex;justify-content:center}.loader_box{width:40px;height:20px;background:#1e88e5;margin:0 auto 15px;position:relative;animation:box-move 1.5s infinite linear}.loader_box:before,.loader_box:after{content:"";position:absolute;background:inherit;bottom:100%;width:50%;height:100%;animation:box-rotate 1.5s infinite linear}.loader_box:before{left:0;transform-origin:bottom left;--s: -1}.loader_box:after{right:0;transform-origin:bottom right}.text_loader{width:fit-content;font-size:38px;font-weight:700;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #1e88e5;background:linear-gradient(#1e88e5 0 0) 0/0% 100% no-repeat text;animation:textFill 2s infinite alternate}.text_loader:before{content:"AGS STUDY"}.round_load{width:10px;height:10px;background:#1e88e5;border-radius:50%;animation:bounce 1s infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes box-move{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes box-rotate{50%{transform:rotate(calc(var(--s, 1) * 180deg))}}@keyframes bounce{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-6px);opacity:1}}@keyframes textFill{0%{background-size:0% 100%}to{background-size:100% 100%}}