:root{--primary-blue:#3b82f6;--primary-blue-light:#60a5fa;--primary-blue-dark:#2563eb;--secondary-blue:#1e40af;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--background-gradient:linear-gradient(135deg,#f8fafc,#f1f5f9);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--card-shadow:0 4px 20px rgba(0,0,0,0.08);--card-shadow-hover:0 8px 32px rgba(0,0,0,0.12);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--background-gradient);padding:4rem 1rem;border-radius:var(--border-radius-lg);position:relative;overflow:hidden;box-shadow:var(--card-shadow);margin:1rem}@media (min-width:640px){.hero{padding:5rem 2rem;margin:1.5rem}}@media (min-width:1024px){.hero{padding:7.5rem 2.5rem;margin:2rem}}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.03) 0,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;color:var(--primary-blue);position:relative;z-index:1;line-height:1.2;letter-spacing:-.02em;max-width:100%}@media (min-width:768px){.hero h1{margin-bottom:2rem}}.highlight{position:relative;color:rgb(179,128,240);font-weight:700}.highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-light));border-radius:2px;animation:highlight-expand 2s ease-in-out infinite alternate}.hero h1.gradient-text{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#1e293b}.hero-left h1{color:black}.subtext{font-size:clamp(1rem,2.5vw,1.125rem);max-width:50rem;margin:0 auto 2.5rem;color:var(--text-secondary);font-weight:400;position:relative;z-index:1;line-height:1.6;text-align:center;padding:0 1rem}@media (min-width:768px){.subtext{margin-bottom:3rem;padding:0}}.arrow{margin-top:clamp(1rem,3vw,2rem);font-size:clamp(3rem,8vw,5rem);color:var(--primary-blue)}.input_section{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;background:#f9fbff;padding:1rem;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.04);max-width:47rem;margin:0 auto;width:100%}@media (min-width:640px){.input_section{flex-direction:row;align-items:center;gap:.75rem;padding:1rem}}@media (min-width:768px){.input_section{padding:1rem 1.25rem}}.input_section input{flex:1 1;padding:.875rem 1.125rem;font-size:1rem;border:1.5px solid #d1d5db;border-radius:12px;outline:none;transition:border .3s ease,box-shadow .3s ease,transform .3s ease;box-shadow:0 0 0 4px transparent;background-color:white;color:black;width:100%}@media (min-width:640px){.input_section input{width:auto}}.input_section input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 8px 32px rgba(59,130,246,.2);transform:translateY(-2px)}.input_section button{background:var(--primary-blue);color:white;padding:.875rem 1.75rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 16px rgba(59,130,246,.3);font-family:inherit;white-space:nowrap;position:relative;overflow:hidden;width:100%}@media (min-width:640px){.input_section button{width:auto;min-width:140px}}.input_section button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.input_section button:hover:before{left:100%}.input_section button:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(59,130,246,.4)}.buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:1.5rem;position:relative;z-index:1;padding:0 1rem}@media (min-width:640px){.buttons{padding:0}}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;min-width:160px;text-align:center}@media (max-width:639px){.btn{width:100%;max-width:300px}}.btn.primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:white;box-shadow:0 8px 24px rgba(59,130,246,.3)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(59,130,246,.4)}.btn.secondary{background:white;color:var(--primary-blue);border:2px solid var(--primary-blue);box-shadow:0 4px 20px rgba(0,0,0,.05)}.btn.secondary:hover{background:var(--primary-blue);color:white;transform:translateY(-3px);box-shadow:0 8px 32px rgba(59,130,246,.3)}.designed_for h2,.get_started h2,.main-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary);line-height:1.2}.subtitle{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-secondary);margin-bottom:3rem;max-width:50rem;margin-left:auto;margin-right:auto;text-align:center;line-height:1.7;padding:0 1rem}@media (min-width:768px){.subtitle{padding:0}}.features-section{padding:3rem 1rem;background:linear-gradient(180deg,#f9fafb,#eef2f7);text-align:center}@media (min-width:768px){.features-section{padding:5rem 2rem}}.features-section h2{font-size:clamp(1.5rem,4vw,2rem);color:#0f172a;margin-bottom:.75rem}.features-section .subtitle{font-size:clamp(.875rem,2vw,1rem);color:#475569;margin-bottom:2rem;max-width:43.75rem;margin-inline:auto;padding:0 1rem}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;max-width:400px;margin:0 auto}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px}}.feature-card{background:white;border-radius:20px;padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;text-align:left;height:-moz-fit-content;height:fit-content}@media (min-width:640px){.feature-card{padding:2rem}}.feature-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px rgba(0,0,0,.1)}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;margin-bottom:1rem;transition:transform .3s ease}.feature-card:hover .icon-wrapper{transform:scale(1.1)}.icon-wrapper svg{width:24px;height:24px}.icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-wrapper.pink{background:linear-gradient(135deg,#ec4899,#d946ef)}.icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669)}.icon-wrapper.purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.icon-wrapper.violet{background:linear-gradient(135deg,#6366f1,#4f46e5)}.icon-wrapper.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.625rem;line-height:1.4}.feature-card p{font-size:.9375rem;color:#4b5563;line-height:1.5;margin:0}.get_started{padding:4rem 1rem;background:var(--background-gradient);text-align:center}@media (min-width:768px){.get_started{padding:5rem 2rem}}.get_started h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#1f2937;margin-bottom:1rem}.get_started .highlight{color:#7c3aed}.get_started_container{max-width:1000px;margin:0 auto}.steps_flow{display:flex;align-items:center;justify-content:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}@media (min-width:768px){.steps_flow{gap:2rem;flex-wrap:nowrap}}.step{background:#f9f3ff;padding:1.25rem 1.875rem;border-radius:16px;box-shadow:0 0 0 transparent;transition:all .3s ease;width:100%;max-width:300px;text-align:center;cursor:default}@media (min-width:640px){.step{width:250px}}@media (min-width:768px){.step{width:280px}}.step:hover{box-shadow:0 0 20px rgba(93,52,255,.4);transform:translateY(-5px)}.step-number{display:inline-block;width:60px;height:60px;background:linear-gradient(90deg,#7f5af0,#6936f5);color:#fff;border-radius:50%;font-weight:700;line-height:58px;margin-bottom:10px;font-size:1.125rem}.step-content strong{display:block;font-size:1.125rem;color:#1f2937;margin-bottom:.5rem}.step-content p{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}.arrow{font-size:clamp(2rem,5vw,3.125rem);font-weight:700;color:#7f5af0;display:none}@media (min-width:768px){.arrow{display:block}}.download-card{background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin:0 auto 2rem;max-width:600px;color:white;text-align:center}@media (min-width:640px){.download-card{flex-direction:row;justify-content:space-between;text-align:left;padding:2.5rem 3rem;gap:0}}.download-content{display:flex;align-items:center;gap:.75rem;flex-direction:column}@media (min-width:640px){.download-content{flex-direction:row}}.chrome-icon{width:2rem;height:2rem;color:white}.download-text{font-size:1.125rem;font-weight:600}@media (min-width:640px){.download-text{font-size:1.25rem}}.install-btn{background:white;color:#6366f1;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.install-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.trust{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;align-items:center}@media (min-width:640px){.trust{gap:2rem}}.trust-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500}@media (min-width:640px){.trust-item{font-size:.9rem}}.trust-item svg{color:#10b981}.education-section{padding:4rem 1rem;background-color:#f9fafb}@media (min-width:768px){.education-section{padding:5rem 2rem}}.cards-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;max-width:400px;margin:0 auto}@media (min-width:768px){.cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px}}.card{background:white;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.08);padding:2rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;min-height:280px}@media (min-width:640px){.card{padding:2.5rem}}.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.icon-container{margin-bottom:1.5rem}.card .icon-wrapper{width:64px;height:64px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;font-size:1.75rem}.card .icon-wrapper svg{width:2rem;height:2rem;color:white}.card-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem}.card-desc{color:#6b7280;line-height:1.6;margin-bottom:auto;font-size:.9375rem;flex-grow:1;display:flex;align-items:center}.card-count{font-size:.875rem;font-weight:500;margin-top:auto;padding-top:1rem}.testimonials{background:#f8f7ff;padding:5rem 1rem;text-align:center}@media (min-width:768px){.testimonials{padding:5rem 2rem}}.testimonials h2{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:.625rem;color:#0f172a}.testimonials h2 span{color:#7a5af8}.testimonials p{color:#555;font-size:clamp(1rem,2.5vw,1.125rem);margin-bottom:3.125rem}.testimonial-cards{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;justify-items:center;max-width:1200px;margin:0 auto}@media (min-width:640px){.testimonial-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonial-cards{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:white;border-radius:20px;padding:1.5625rem 1.875rem;max-width:330px;width:100%;box-shadow:0 12px 30px rgba(0,0,0,.05);text-align:left}.user-info{display:flex;align-items:center;gap:15px;margin-bottom:12px}.user-info img{width:48px;height:48px;border-radius:50%}.user-info h4{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a}.user-info p{margin:0;font-size:.875rem;color:#666}.stars{color:#ffc107;font-size:1.125rem;margin:10px 0}.feedback{font-style:italic;color:#333;font-size:.9375rem;margin-bottom:1rem;line-height:1.5}.tag{display:inline-block;background-color:#d1fae5;color:#047857;font-size:.8125rem;font-weight:500;padding:6px 12px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.blog-section{background-color:#f9fbff;padding:4rem 1rem;text-align:center;font-family:Segoe UI,sans-serif}@media (min-width:768px){.blog-section{padding:5rem 2rem}}.blog-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#0f172a}.blog-title span{color:#7b61ff}.blog-subtitle{font-size:clamp(.875rem,2vw,1rem);color:#475569;margin-top:10px;margin-bottom:2.5rem}.blog-cards{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;justify-items:center;max-width:1200px;margin:0 auto}@media (min-width:640px){.blog-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-cards{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#ffffff;border-radius:20px;box-shadow:0 12px 24px rgba(0,0,0,.05);width:100%;max-width:320px;overflow:hidden;transition:transform .3s}.blog-card:hover{transform:translateY(-6px)}.blog-header{padding:1.875rem 1.25rem 1.25rem;border-radius:20px 20px 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-header img{height:40px;margin-bottom:10px}.blog-header .tag{display:inline-block;background:#ede9fe;color:#6d28d9;font-size:.75rem;padding:5px 12px;border-radius:12px;font-weight:500}.blog-header.ai{background:linear-gradient(180deg,#eef1ff,#f1ebfd)}.blog-header.tips{background:linear-gradient(180deg,#f1f5ff,#eeeaff)}.blog-header.game{background:linear-gradient(180deg,#efeaff,#f3f0ff)}.blog-content{padding:1.25rem;text-align:left}.blog-content h3{font-size:1.125rem;font-weight:700;margin-bottom:10px;color:#0f172a;line-height:1.4}.blog-content p{font-size:.875rem;color:#64748b;margin-bottom:1.25rem;line-height:1.5}.blog-meta{font-size:.8125rem;color:#94a3b8;display:flex;flex-wrap:wrap;gap:8px}.blog-footer{margin-top:2.5rem}.view-btn{background:#ede9fe;color:#7b61ff;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;transition:background .3s}.view-btn:hover{background:#dcd4fd}.social-proof{margin-top:1.5rem;font-size:.875rem;color:var(--text-muted);position:relative;z-index:1}.navbar{display:flex;justify-content:space-between;align-items:center;margin:.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);position:relative}@media (min-width:768px){.navbar{margin:1rem;padding:1rem 2rem}}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-blue);text-decoration:none}.links{display:none;gap:2rem;align-items:center}@media (min-width:768px){.links{display:flex}}.links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition-smooth);padding:.5rem 1rem;border-radius:var(--border-radius-sm)}.links a:hover{color:var(--primary-blue);background:rgba(59,130,246,.05)}.menu-icon{display:block;cursor:pointer;color:var(--secondary-blue);font-size:1.5rem;transition:var(--transition-smooth)}@media (min-width:768px){.menu-icon{display:none}}.menu-icon:hover{color:var(--primary-blue);transform:scale(1.1)}.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:white;padding:1.5rem;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow-hover);gap:.5rem;margin-top:.5rem;z-index:1000}@media (min-width:768px){.links.open{position:static;flex-direction:row;background:transparent;padding:0;box-shadow:none;margin-top:0;gap:2rem}}@media (max-width:480px){.hero{padding:3rem 1rem}.hero h1{font-size:1.875rem;line-height:1.1}.subtext{font-size:.9375rem;line-height:1.5}.input_section{padding:.875rem}.input_section button,.input_section input{padding:.75rem 1rem;font-size:.9375rem}.btn{padding:.875rem 1.5rem;font-size:.9375rem;min-width:140px}.step{padding:1rem 1.25rem}.step-number{width:50px;height:50px;font-size:1rem;line-height:48px}.card{padding:1.25rem}.testimonial-card{padding:1.25rem 1.5rem}}@media (min-width:481px) and (max-width:639px){.hero{padding:3.5rem 1.25rem}.cards-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.blog-cards,.testimonial-cards{grid-template-columns:1fr}}@media (min-width:640px) and (max-width:767px){.features-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr}.blog-cards,.testimonial-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.hero{padding:5rem 2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.steps_flow{flex-wrap:wrap;gap:1.5rem}.arrow{display:none}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.cards-grid{grid-template-columns:repeat(4,1fr)}.blog-cards,.testimonial-cards{grid-template-columns:repeat(3,1fr)}.steps_flow{flex-wrap:nowrap}.arrow{display:block}}@media (min-width:1200px){.container{max-width:1200px}.hero{padding:8rem 3rem}.blog-section,.education-section,.features-section,.get_started,.testimonials{padding:6rem 2rem}}@media (min-width:1440px){.container{max-width:1400px}.features-grid{gap:3rem}.blog-cards,.testimonial-cards{gap:2.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero:before,.highlight:after{animation:none}}.btn:focus,.input_section button:focus,.input_section input:focus,.install-btn:focus,.links a:focus,.view-btn:focus{outline:3px solid var(--primary-blue-light);outline-offset:2px}@media (prefers-contrast:high){:root{--card-shadow:0 4px 8px rgba(0,0,0,0.3);--card-shadow-hover:0 8px 16px rgba(0,0,0,0.4)}.btn.secondary{border-width:3px}.input_section input{border-width:2px}}@media print{.buttons,.hero:before,.input_section,.menu-icon{display:none}.blog-section,.features-section,.hero,.testimonials{padding:2rem 1rem;box-shadow:none;background:white!important}.blog-card,.feature-card,.testimonial-card{box-shadow:0 1px 3px rgba(0,0,0,.3);page-break-inside:avoid;break-inside:avoid}}@media (max-height:500px) and (orientation:landscape){.hero{padding:2rem 1rem}.hero h1{font-size:2rem;margin-bottom:1rem}.subtext{margin-bottom:1.5rem}.buttons{margin-top:1rem}}@media (max-width:767px){.btn,.input_section button,.install-btn,.links a,.view-btn{min-height:44px;min-width:44px}}@supports (container-type:inline-size){.blog-cards,.cards-grid,.features-grid,.testimonial-cards{container-type:inline-size}@container (max-width: 600px){.blog-card,.card,.feature-card,.testimonial-card{padding:1rem}}}