@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap");:root{--primary:#10b981;--primary-dark:#059669;--dark:#0f172a;--light:#f8fafc;--gray:#64748b;--card-bg:#fff;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Merriweather",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:#f1f5f9;color:var(--dark);line-height:1.6}a{text-decoration:none;color:inherit}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;justify-content:space-between}.brand,.nav-content{display:flex;align-items:center}.brand{gap:.75rem}.brand-icon{color:var(--primary);width:24px;height:24px}.brand-name{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--dark)}.nav-links{display:flex;gap:2rem}.mobile-menu{display:none}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--dark);padding:.5rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--gray);transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--primary)}.hero-section{position:relative;height:80vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1.5rem;margin-bottom:4rem}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(15,23,42,.3),rgba(15,23,42,.7))}.hero-content{max-width:800px;color:#fff;z-index:1;padding-top:3rem}.hero-badge{display:inline-block;padding:.35rem 1rem;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.hero-content h1{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:1.5rem;font-weight:700}.hero-text{font-size:1.1rem;color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto 2.5rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 1.8rem;border-radius:50px;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px rgba(16,185,129,.4)}.btn-outline{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{background:hsla(0,0%,100%,.2)}.main-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-family:var(--font-serif);font-size:2rem;color:var(--dark);margin-bottom:.5rem}.section-header p{color:var(--gray)}.grades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:5rem}.grade-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-height:400px}.grade-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.grade-card-image{height:250px;position:relative;overflow:hidden}.grade-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.grade-card:hover .grade-card-image img{transform:scale(1.05)}.grade-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.grade-arrow{position:absolute;bottom:1rem;right:1rem;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);opacity:0;transform:translateX(-10px);transition:all .3s ease}.grade-card:hover .grade-arrow{opacity:1;transform:translateX(0)}.grade-card-content{padding:1.5rem}.grade-card-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}.grade-card-content p{font-size:1.1rem;color:var(--gray)}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:5rem;padding:3rem;background:#fff;border-radius:24px}.feature{text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;padding:1rem;background:#f0fdf4;border-radius:20px}.feature h3{font-weight:600;margin-bottom:.5rem}.feature p{color:var(--gray);font-size:.95rem}.site-footer{background:var(--dark);color:hsla(0,0%,100%,.6);text-align:center;padding:3rem 1.5rem;font-size:.9rem}@media (max-width:768px){.nav-links{display:none}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 10px 25px -5px rgba(0,0,0,.1);gap:1.5rem}.mobile-menu.open{display:flex}.mobile-menu-btn{display:block}.hero-section{height:auto;padding:6rem 1.5rem 4rem}.hero-content h1{font-size:2.2rem}.hero-buttons{flex-direction:column}.features-section{padding:2rem}}.search-container{max-width:600px;margin:0 auto 2rem;position:relative}.search-input{width:100%;padding:1rem 1.5rem 1rem 3rem;border-radius:50px;border:2px solid rgba(0,0,0,.05);background:#fff;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--gray)}