body{font-family:'Inter',sans-serif;color:#333;background-color:#fff;font-size:16px;line-height:1.6;margin:0;padding:0;box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 16px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;transition:background-color 0.4s ease,box-shadow 0.4s ease;background-color:rgb(255 255 255 / .05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar.scrolled{background-color:rgb(255 255 255 / .75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px rgb(0 0 0 / .08);border-bottom:1px solid rgb(0 0 0 / .06)}.nav-flex{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:600;color:#15182c;font-size:19px}nav a{margin:0 12px;color:#373a4e;text-decoration:none;font-weight:500;font-size:15px}.nav-actions .btn{margin-left:10px}.btn{display:inline-block;padding:10px 22px;font-size:15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;transition:background .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1749ae}.btn-outline{background:#fff;color:#2563eb;border:1.5px solid #2563eb}.btn-outline:hover{background:#2563eb;color:#fff}.btn-link{background:none;color:#2563eb;padding:0 8px;font-weight:600}.hero{background:#f1f5ff;background-size:cover;padding:62px 0 32px 0;margin-top:80px}.hero-flex{display:flex;align-items:center;justify-content:space-between}.hero-left,.hero-right{opacity:0;transform:translateY(20px);animation:fadeSlideUp 1s ease-out forwards}.hero-left{flex:1;min-width:300px;animation-delay:0.2s}.hero-left h1{font-size:2.2em;line-height:1.18;margin:0 0 14px 0;font-weight:800}.hero-left p{font-size:1.13em;margin-bottom:22px;color:#293157}.hero-right{flex:1;text-align:right;animation-delay:0.5s}.hero-right img,.stem-img .img-fluid{animation:floatUp 1s ease-out}.dashboard-img{width:360px;border-radius:16px;box-shadow:0 4px 18px rgb(30 41 59 / .07);transition:transform 0.4s ease,box-shadow 0.4s ease}.dashboard-img:hover{transform:scale(1.05) rotateZ(1.2deg);box-shadow:0 10px 32px rgb(30 41 59 / .15)}@keyframes floatUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.dashboard-img,.stem-img .img-fluid{animation:floatUp 1s ease-out}.why-choose{background:#fff;padding:62px 0 38px 0;text-align:center}.section-subtitle{color:#707492;font-size:1.07em;margin-bottom:36px}.features-row{display:flex;gap:28px;justify-content:center;margin-top:36px}.feature-card{background:rgb(255 255 255 / .18);border-radius:18px;padding:36px 24px;flex:1 1 0%;min-width:240px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .3);box-shadow:0 10px 30px rgb(0 0 0 / .08);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeSlideUp 0.8s ease-out forwards}.feature-card::before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(to right,#3b82f6,#60a5fa);border-top-left-radius:18px;border-top-right-radius:18px}.feature-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 20px auto;width:60px;height:60px;background-color:rgb(255 255 255 / .25);border-radius:50%;box-shadow:0 4px 14px rgb(37 99 235 / .2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform 0.3s ease}.feature-icon img{width:28px;height:28px}.feature-card h3{font-size:1.15em;margin:0 0 10px 0;font-weight:700}.feature-card p{color:#6a6f8a;font-size:.98em}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgb(0 0 0 / .12)}.feature-card:hover .feature-icon{transform:scale(1.1)}.pricing{background:linear-gradient(to bottom right,#e0f2fe,#f1f5ff);text-align:center;padding:60px 0}.pricing-box{background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:40px 28px;box-shadow:0 10px 30px rgb(0 0 0 / .08);max-width:400px;margin:36px auto 0 auto;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden}.pricing-box::before{content:"";position:absolute;top:0;left:0;height:5px;width:100%;background:linear-gradient(to right,#3b82f6,#60a5fa);border-top-left-radius:20px;border-top-right-radius:20px}.pricing-box h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:12px}.pricing-value{font-size:2.3rem;font-weight:800;color:#2563eb;margin:12px 0 18px 0}.pricing-value .duration{font-size:1rem;font-weight:500;color:#4b5563;display:block;margin-top:4px}.pricing-list{list-style:none;margin-top:24px;padding:0;font-size:1rem;color:#334155;line-height:1.8;text-align:left}.pricing-list li::before{content:"✔";color:#10b981;font-weight:700;margin-right:10px}.pricing-box:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgb(0 0 0 / .12)}.full-width{width:80%;display:block;margin-top:15px;margin-left:15px}.stem-section{background:#fff;padding:54px 0 46px 0}.stem-flex{display:flex;align-items:center;justify-content:space-between;gap:30px}.stem-content{flex:1.5;min-width:300px}.stem-content h2{font-size:1.6em;margin-bottom:16px}.stem-content ul{margin:16px 0 24px 24px;padding:0;color:#1d213a}.stem-content li{margin-bottom:10px;font-size:1em;list-style-type:disc}.stem-img{flex:1;min-width:200px;text-align:right;max-width:100%;height:auto}.stem-img .img-fluid{transition:transform 0.4s ease,box-shadow 0.4s ease}.stem-img .img-fluid:hover{transform:scale(1.05) rotateZ(-1.2deg);box-shadow:0 10px 32px rgb(30 41 59 / .15)}.img-fluid{max-width:280px;border-radius:18px;box-shadow:0 4px 18px 0 rgb(30 41 59 / .12)}.faq-question{display:flex;align-items:center;justify-content:flex-start;background-color:#f9f9f9;padding:15px 20px;width:100%;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;border-radius:6px;position:relative;text-align:left}.faq-question[aria-expanded="true"]{background-color:#eef4ff;align-items:left}.faq-icon{font-size:1.25rem;margin-right:12px;color:#0d6efd;transition:transform 0.3s ease;flex-shrink:0}.faq-question[aria-expanded="true"] .faq-icon{color:#0a58ca}.faq-answer{padding:15px 20px;margin-top:5px;background-color:#f0f4f8;border-left:3px solid #0d6efd;border-radius:6px;display:none;animation:fadeIn 0.4s ease-in-out}.faq-item.active .faq-answer{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.faq h2{font-size:2rem;font-weight:700;margin-bottom:20px;color:#111}.faq-text{flex:1}.cta{background:#fff;text-align:center;padding:54px 0}.cta-form{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:12px}.cta-form input[type="email"]{padding:12px 16px;border-radius:7px;border:1.5px solid #dbeafe;font-size:1em;min-width:220px}.footer{background:#1e293b;color:#e2e8f0;padding:36px 0 0 0;font-size:.98em}.footer .logo span{color:#fff;font-weight:600;margin-left:10px;font-size:1.1rem}.footer .logo img{filter:brightness(0) invert(1)}.footer-flex{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;max-width:1120px;margin:0 auto;padding:0 16px 12px 16px}.footer-left{max-width:300px}.footer-links{display:flex;gap:46px}.footer-links strong{display:block;margin-bottom:7px;color:#bae6fd}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links a{color:#e2e8f0;text-decoration:none;font-size:1em;margin-bottom:8px;display:block}.footer-bottom{background:#0f172a;color:#a6b2cf;text-align:center;padding:15px 0;font-size:.98em;letter-spacing:.03em}@media (max-width:1000px){.hero-flex,.features-row,.stem-flex,.footer-flex{flex-direction:column;text-align:left;gap:36px}.dashboard-img,.img-fluid{max-width:98vw;height:auto}}.badge.completed{background:#d1fae5;color:#059669;padding:2px 10px;border-radius:10px;font-weight:500}.badge.not-completed{background:#fef9c3;color:#b45309;padding:2px 10px;border-radius:10px;font-weight:500}.btn-start,.btn-view,.btn-grade,.btn-download{background:#2563eb;color:#fff;border:none;border-radius:7px;padding:7px 18px;font-weight:600;text-decoration:none;cursor:pointer;margin:2px}.score-full{color:#059669}.score-half{color:#b45309}.score-none{color:#d97706}.rubric-table{width:100%;border-collapse:collapse}.rubric-table th,.rubric-table td{border-bottom:1px solid #f3f4f6;padding:14px;text-align:left}.practice-flex{display:flex;gap:24px}.essay-sidebar{flex:1;background:#fff;border-radius:14px;padding:26px 18px}.essay-write-box{flex:2;background:#fff;border-radius:14px;padding:26px 22px}.mode-toggle{text-align:right;font-size:1.1em;margin-bottom:12px}.essay-stats{display:flex;gap:32px;align-items:center;margin-bottom:10px}.uniform-button{min-width:250px;text-align:center}#essay-text{width:100%;min-height:220px;border-radius:10px;border:1.5px solid #cbd5e1;padding:14px;font-size:1.12em;margin-bottom:18px}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:nth-child(1){animation-delay:0.2s}.feature-card:nth-child(2){animation-delay:0.4s}.feature-card:nth-child(3){animation-delay:0.6s}@media screen and (max-width:768px){.navbar{padding:10px 16px;flex-direction:column;align-items:flex-start}.hero{flex-direction:column;margin-top:80px;padding:40px 20px;text-align:center}.hero-left,.hero-right{width:100%}.dashboard-img{max-width:100%;margin-top:24px;height:auto}.features{flex-direction:column;gap:24px;padding:40px 16px}.feature-card{width:100%;padding:28px 20px}.stem-img img{max-width:100%;height:auto;margin-top:24px}.pricing{padding:40px 16px}.pricing-box{width:100%;padding:32px 20px;max-width:none}.faq-container{padding:0 16px}.footer{padding:40px 20px;text-align:center}.footer .logo img{max-width:120px}}