.footer{width:100%;padding:50px;background:white;border-top:1.14px solid var(--neutral-200)}.footer-container{max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;gap:40px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:500px}.footer-logo{display:flex;align-items:center;text-decoration:none}.footer-logo-image{height:40px;width:auto}.footer-heading{font-size:48px;font-weight:var(--font-weight-medium);line-height:52.8px}.footer-heading,.footer-text{color:var(--primary-900);margin:0}.footer-text{font-size:16px;line-height:22.4px}.footer-cta-button,.footer-text{font-weight:var(--font-weight-regular)}.footer-cta-button{height:48px;padding:16px 24px;background:var(--secondary-500);border-radius:14px;display:flex;justify-content:center;align-items:center;gap:10.5px;color:white;font-size:18px;line-height:18px;text-decoration:none;transition:background-color .3s ease}.footer-cta-button:hover{background-color:var(--secondary-600)}.cta-dot{width:8px;height:8px;background:white;border-radius:9999px}.footer-nav{display:flex;justify-content:flex-end;gap:60px}.footer-nav-column{display:flex;flex-direction:column;justify-content:top;align-items:flex-start;gap:20px}.footer-link{color:var(--primary-900);font-size:16px;font-weight:var(--font-weight-regular);line-height:22.4px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--secondary-500)}.footer-link.contact-link{color:var(--primary-700);font-weight:var(--font-weight-medium)}.footer-link.contact-link:hover{color:var(--secondary-500)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:var(--primary-900);font-size:16px;font-weight:var(--font-weight-regular);line-height:22.4px}.footer-social{display:flex;gap:12px;align-items:center}.footer-social .social-icon{width:32px;height:32px;background-color:var(--secondary-500);border-radius:4px;display:flex;align-items:center;justify-content:center;color:white;transition:background-color .3s ease;text-decoration:none;font-size:16px}.footer-social .social-icon:hover{background-color:var(--secondary-600)}@media screen and (max-width:1024px){.footer{padding:40px 20px}.footer-heading{font-size:36px;line-height:42px}}@media screen and (max-width:768px){.footer-top{flex-direction:column;align-items:flex-start;gap:30px}.footer-content{max-width:100%}.footer-heading{font-size:30px;line-height:36px}.footer-nav{width:100%;gap:40px;justify-content:flex-start}}@media screen and (max-width:480px){.footer{padding:30px 15px}.footer-heading{font-size:24px;line-height:30px}.footer-nav{width:100%;justify-content:flex-start;gap:20px}.footer-bottom{flex-direction:column;gap:20px}.footer-copyright{text-align:center}}.header{background-color:white;color:var(--primary-900);position:fixed;width:100%;top:0;left:0;z-index:10;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}.header.scrolled{box-shadow:0 4px 12px rgba(0,0,0,.05)}.header.hidden{transform:translateY(-100%)}.header.visible{transform:translateY(0)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;max-width:var(--container-max-width);margin:0 auto;height:var(--header-height);position:relative;width:100%;box-sizing:border-box}.header-right{gap:32px}.logo,.logo a{display:flex;align-items:center}.logo a{text-decoration:none;transition:opacity .25s}.logo a:hover{opacity:.8}.logo-image{height:32px;width:auto;display:block}.main-nav{display:flex;align-items:center}.nav-items{display:flex;gap:36px;list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:4.57px}.nav-link{color:var(--primary-900);font-size:16px;font-weight:var(--font-weight-regular);text-decoration:none;line-height:22.4px;transition:color .25s}.nav-link:hover{color:var(--secondary-500)}.dropdown-icon{width:18.29px;height:18.29px;position:relative;overflow:hidden}.dropdown-icon:after{content:"";width:9.14px;height:4.57px;position:absolute;left:4.57px;top:8px;outline:1.71px var(--primary-900) solid;outline-offset:-.86px}.header-right{display:flex;align-items:center;gap:16px}.header-contact-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.header-contact-link{color:var(--primary-900);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.header-contact-link:hover{color:var(--secondary-500);text-decoration:underline}.header-contact-link.email,.header-contact-link.phone{font-size:13px}@media screen and (max-width:var(--breakpoint-md )){.header-right .header-contact-button,.header-right .header-take-test-button{padding:8px 16px;font-size:14px}.header-contact-info{display:none}}.admin-button{background-color:var(--success-500);color:white}.admin-button:hover{background-color:var(--success-700)}.auth-button{background-color:initial;color:var(--primary-900);border:1px solid var(--neutral-400)}.auth-button:hover{background-color:var(--neutral-200)}.education-button{background-color:var(--info-500);color:white}.education-button:hover{background-color:var(--info-700)}.social-links{gap:12px}.social-icon,.social-links{display:flex;align-items:center}.social-icon{width:32px;height:32px;border-radius:4px;justify-content:center;color:white;background-color:var(--secondary-500);transition:background-color .3s ease;text-decoration:none;font-size:1.25rem}.social-icon:hover{background-color:var(--secondary-600)}.menu-toggle{background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;border-radius:8px;color:var(--primary-900);padding:0;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.menu-toggle:focus,.menu-toggle:hover{background-color:var(--neutral-100)}.menu-icon{top:50%;left:50%;transform:translate(-50%,-50%)}.menu-icon,.menu-icon:after,.menu-icon:before{position:absolute;width:20px;height:2px;background-color:var(--primary-900);transition:all .3s ease}.menu-icon:after,.menu-icon:before{content:""}.menu-icon:before{transform:translateY(-6px)}.menu-icon:after{transform:translateY(6px)}.menu-toggle.active .menu-icon{background-color:initial}.menu-toggle.active .menu-icon:before{transform:rotate(45deg)}.menu-toggle.active .menu-icon:after{transform:rotate(-45deg)}.header-content{padding:8rem 0 4rem;background-color:var(--background);color:var(--primary-900);margin-bottom:2rem}.header-content,.header-content h1{text-align:center;position:relative}.header-content h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);margin-bottom:1rem;line-height:var(--line-height-tight)}.header-content p{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);max-width:600px;margin:0 auto;color:var(--primary-900);line-height:var(--line-height-base)}.mobile-menu{position:absolute;top:var(--header-height);left:0;width:100%;background-color:white;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1rem 0;z-index:20;display:flex;flex-direction:column;gap:0;border-radius:0 0 12px 12px;animation:slideDown .3s forwards;max-height:calc(100vh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{padding:16px 2rem;color:var(--primary-900);font-size:16px;text-decoration:none;transition:all .2s ease;width:100%;text-align:left;display:flex;align-items:center;min-height:48px;position:relative;font-weight:var(--font-weight-medium)}.mobile-menu-item:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:var(--secondary-500);transition:width .2s ease}.mobile-menu-item:hover{background-color:var(--neutral-100)}.mobile-menu-item:hover:after{width:4px}.mobile-menu-item:active{background-color:var(--neutral-200);transform:scale(.98)}.menu-item-icon{margin-left:auto;opacity:.6;font-size:18px;transition:transform .2s ease}.mobile-menu-item:hover .menu-item-icon{transform:translateX(4px);opacity:1}.mobile-menu-item.with-dropdown{display:flex;justify-content:space-between;align-items:center}.mobile-menu-item.with-dropdown:after{content:"▼";font-size:.7rem;color:var(--primary-900)}.mobile-menu-item.highlight{background-color:var(--secondary-500);color:white;margin-top:.5rem}.mobile-menu-item.highlight:hover{background-color:var(--secondary-600)}@media (min-width:1320px){.header-container{padding:20px 0}}@media (min-width:900px) and (max-width:1440px){.header-container{padding:20px 60px}}@media screen and (max-width:var(--breakpoint-lg )){.header-container{padding:20px 30px}.nav-items{gap:24px}.header-content h1{font-size:var(--font-size-3xl)}}@media screen and (max-width:var(--breakpoint-md )){.header-container{padding:12px 16px;height:60px;position:relative;display:flex;justify-content:space-between;align-items:center}.mobile-header{position:relative;justify-content:center}.logo-text{font-size:22px}.nav-items{display:none}.mobile-header .header-right{display:flex;align-items:center;justify-content:flex-end}.mobile-header{width:100%;padding:0 16px;justify-content:space-between}.mobile-header,.mobile-header .logo{display:flex;align-items:center}.logo-image{height:22px}.header-right{gap:10px;width:40px;display:flex;justify-content:flex-end;position:relative;z-index:20;flex:0 0 auto;margin-left:auto}.header-take-test-button{padding:8px 16px;font-size:14px;height:40px;justify-content:center}.header-take-test-button:active{transform:scale(.95)}.header-content{padding:6rem 0 3rem}.header-content h1{font-size:var(--font-size-2xl);line-height:calc(var(--font-size-2xl) * var(--line-height-tight))}.header-content p{font-size:var(--font-size-md)}}@media screen and (max-width:var(--breakpoint-sm )){.header-container{padding:10px 14px;height:56px}.logo-text{font-size:20px}.logo-image{height:22px}.menu-toggle{width:36px;height:36px}.header-right{width:36px}.header-content h1{font-size:calc(var(--font-size-xl) + .25rem);line-height:calc((var(--font-size-xl) + .25rem) * var(--line-height-tight))}.header-content p{font-size:var(--font-size-base)}}@media screen and (max-width:480px){.header-container{padding:8px 12px;height:50px}.logo-image{height:19px}.header-content h1{font-size:var(--font-size-xl);line-height:calc(var(--font-size-xl) * var(--line-height-tight))}.header-content p{font-size:var(--font-size-sm)}}@media screen and (max-width:360px){.header-container{padding:8px 12px}.logo-image{height:18px}.menu-toggle{width:34px;height:34px}.header-right{width:34px}}