@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap";:root{--learn-red: #f44337;--learn-red-soft: #ff8a65;--learn-blue: #56b3e4;--learn-blue-soft: #dbeeff;--learn-navy: #1e3a8a;--text-primary: #0f172a;--text-secondary: #425466;--surface: #ffffff;--page-bg: #f3f7ff}*{box-sizing:border-box}body{margin:0;font-family:Prompt,Sarabun,Kanit,sans-serif;background:var(--page-bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}.lol-app{min-height:100vh;display:flex;flex-direction:column;background:var(--page-bg)}.lol-header{height:20px;background:linear-gradient(120deg,#ff6b4a 0%,var(--learn-red) 85%)}.lol-main{flex:1 0 auto}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero-panel{position:relative;border-radius:0 0 70px 70px;padding:30px 80px 80px;background:linear-gradient(180deg,#fff 0% 48%,#e8f6ff);box-shadow:0 10px 180px #90c6e6;overflow:hidden;z-index:2}.hero-cloud{position:absolute;background:radial-gradient(circle at 50% 50%,rgba(173,213,255,.65) 0%,rgba(173,213,255,.1) 70%,transparent 100%);filter:blur(.5px);opacity:.75;pointer-events:none;z-index:1}.hero-cloud-left{width:clamp(140px,22vw,240px);height:clamp(140px,22vw,240px);left:clamp(-60px,-5vw,-10px);bottom:clamp(110px,14vw,180px)}.hero-cloud-right{width:clamp(160px,26vw,280px);height:clamp(160px,26vw,280px);right:clamp(-70px,-6vw,-10px);top:clamp(20px,9vw,90px)}.hero-glow{position:absolute;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none;z-index:1}.hero-glow-top{width:clamp(220px,28vw,340px);height:clamp(220px,28vw,340px);top:clamp(-110px,-8vw,-60px);right:clamp(40px,8vw,120px);background:#8cc0ff5c}.hero-glow-bottom{width:clamp(260px,36vw,420px);height:clamp(260px,36vw,420px);bottom:clamp(-160px,-12vw,-50px);left:clamp(60px,10vw,140px);background:#ffaa9447}.hero-logo{position:relative;z-index:3;display:flex;justify-content:flex-end}.main-logo{height:70px;width:auto}.hero-plane{position:absolute;left:0;top:25px;width:150px;z-index:5}.plane-img{display:block;width:100%;height:auto}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;z-index:3}.hero-copy{position:relative;z-index:4}.hero-bottom-section{position:relative;width:100%;height:auto;margin:clamp(-5rem,-8vw,-4.8rem) auto 0;z-index:1}.hero-bottom-content{position:relative;display:flex;justify-content:space-between;align-items:center;padding:120px 80px 50px;border-radius:0 0 70px 70px;background:linear-gradient(180deg,#f3faff,#fff 55% 100%);border:1px solid rgba(205,225,255,.7)}.hero-bottom-logo{flex-shrink:0;display:flex;align-items:center}.bottom-logo-img{height:100px;width:auto}.hero-bottom-text{flex:1;display:flex;justify-content:flex-end;align-items:center}.info-text-img{height:100px;width:auto}.hero-copy h1{margin:0 0 1.4rem;font-size:clamp(2.8rem,6vw,3.8rem);line-height:1.15;color:#1f3f86}.hero-highlight{display:inline-block;color:#2d5bd0}.hero-copy p{margin:0 0 2.4rem;font-size:clamp(.9rem,1.2vw,1.22rem);line-height:1.75;color:var(--text-secondary);max-width:clamp(320px,48vw,520px)}.hero-cta{display:inline-flex;align-items:center}.hero-visual{position:relative;display:flex;align-items:center;justify-content:flex-end;z-index:3}.cta-button{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.8rem;border-radius:999px;background:#fff;border:3px solid var(--learn-blue);color:var(--learn-red);font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:600;box-shadow:0 8px 24px #42a5f540;transition:transform .25s ease,box-shadow .25s ease}.cta-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 32px #42a5f559;background:#f8fbff}.cta-button-image{display:inline-block;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 16px 28px rgba(45,91,208,.25))}.cta-button-image:hover{transform:translateY(-3px) scale(1.02)}.cta-img{display:block;width:auto;height:clamp(50px,8vw,70px);max-width:300px;transition:filter .25s ease}.cta-icon{display:inline-flex;width:1.6rem;height:1.6rem}.cta-icon svg{width:100%;height:100%}.hero-img{width:min(100%,100%);height:auto;display:block}.cards-section{position:relative;margin-top:clamp(-7.2rem,-12vw,-8.2rem);padding:200px 50px 100px;background:linear-gradient(180deg,#f4473c,#de2c21);box-shadow:0 10px 180px #90c6e6;color:#fff;overflow:visible;isolation:isolate}.cards-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.4rem,3.2vw,2.4rem);width:100%;max-width:min(980px,90vw);margin:0 auto;justify-items:center;z-index:1}.info-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:transform .25s ease,box-shadow .25s ease}.info-card:hover{transform:translateY(-10px)}.card-badge{width:clamp(140px,20vw,160px);height:clamp(100px,14vw,120px);display:inline-flex;align-items:center;justify-content:center}.card-image{width:clamp(240px,24vw,280px);height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.18));transition:transform .25s ease,filter .25s ease}.info-card:hover .card-image{transform:translateY(-4px);filter:drop-shadow(0 24px 32px rgba(0,0,0,.22))}.info-card h3{margin:0;font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:700;color:var(--learn-navy)}.card-link{font-weight:600;color:var(--learn-red)}.summary-section{position:relative;padding:clamp(5.5rem,8vw,7rem) clamp(1.5rem,7vw,6rem) clamp(4.5rem,7vw,5.8rem);background:linear-gradient(180deg,#d9edff,#eff7ff 55%,#f7fbff);overflow:hidden;z-index:0;isolation:isolate}.summary-section:after{content:"";position:absolute;top:0;left:0;right:0;height:550px;background:linear-gradient(180deg,#c9e4f6,#cfe8f700);pointer-events:none;z-index:0}.summary-section:before,.summary-section:after{z-index:-1;pointer-events:none}.summary-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(193,228,247,1) 2px,transparent 1px),linear-gradient(90deg,rgba(193,228,247,1) 2px,transparent 1px);background-size:60px 60px;opacity:.5;mix-blend-mode:multiply}.summary-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,5.5vw,4.8rem);align-items:center;margin:0 auto;z-index:1}.summary-visual{position:relative;justify-content:center;align-items:center;z-index:1}.summary-image{position:relative;display:block;width:100%;height:auto;margin:0;z-index:1}.summary-copy{position:relative;z-index:1;max-width:560px}.summary-text h2{margin:0 0 .3rem;font-size:clamp(2.4rem,4vw,3rem);font-weight:700;color:var(--learn-red)}.summary-text p{margin:0 0 2.4rem;color:var(--text-primary);font-size:clamp(1.2rem,1.4vw,1.3rem);font-weight:600;line-height:1.5}.summary-list{padding:0;list-style:none;display:grid;gap:20px}.summary-list li{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:40px;padding:clamp(1.15rem,2.5vw,1.6rem) clamp(1.2rem,2.8vw,1.8rem) clamp(1.15rem,2.5vw,1.6rem) clamp(1.6rem,3vw,2.2rem);border-radius:10px;background:#f5fbff80;box-shadow:0 20px 34px #0f34601f}.summary-list li:after{content:"";position:absolute;top:clamp(.5rem,1.4vw,.8rem);left:70px;bottom:clamp(.5rem,1.4vw,.8rem);width:6px;background:linear-gradient(180deg,var(--learn-red) 0%,var(--learn-red-soft) 100%);border-radius:999px}.summary-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--learn-navy);font-weight:700;font-size:38px}.summary-text{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--text-primary);font-weight:500}.summary-disclaimer{margin:0;font-size:clamp(.9rem,1.2vw,.98rem);line-height:1.7;font-weight:500}.lol-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem;padding:1.2rem clamp(1.5rem,6vw,3.5rem);background:var(--learn-blue);color:#fff}.footer-links{display:flex;align-items:center;gap:.8rem;font-weight:500;margin-left:auto}.footer-link:hover{text-decoration:underline}.footer-social{display:flex;gap:.7rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:transparent;border:2px solid #ffffff;transition:background .2s ease,transform .2s ease}.social-icon:hover{background:#ffffff26;transform:translateY(-2px)}.social-icon svg{width:20px;height:20px}@media(max-width:640px){.hero-panel{width:100%;padding:clamp(2.2rem,8vw,2.8rem) clamp(1.2rem,7vw,2.2rem) clamp(3rem,10vw,3.6rem);border-radius:0 0 50px 50px}.hero-cloud,.hero-glow{display:none}.hero-logo{justify-content:center;padding-right:0;margin-bottom:1.6rem}.hero-plane{left:1rem;top:clamp(4rem,12vw,6rem);width:clamp(50px,12vw,70px)}.hero-inner{grid-template-columns:1fr;padding:0 clamp(.4rem,4vw,1.2rem);text-align:center}.hero-visual{display:none}.hero-eyebrow{margin-bottom:1rem}.hero-bottom-section .hero-bottom-content{position:relative;display:flex;align-items:center;padding:100px 0 30px;border-radius:0 0 50px 50px;flex-direction:column;text-align:center;background:linear-gradient(180deg,#f3faff,#fff 55% 100%);border:1px solid rgba(205,225,255,.7)}.hero-bottom-logo{display:none}.hero-bottom-text{justify-content:center}.hero-bottom-section .info-text-img{display:block;width:100%!important;height:auto!important}.hero-copy h1{text-align:center}.hero-copy p{text-align:center;margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.cta-button{margin:0 auto}.cta-button-image{display:flex;justify-content:center;margin:0 auto}.cards-section{padding:150px 10px 40px}.cards-grid{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:360px;margin:0 auto}.info-card{padding:14px 10px;width:100%;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-4px)}.summary-section{padding:30px 20px}.summary-number{font-size:28px}.summary-inner{grid-template-columns:1fr;gap:clamp(2.2rem,8vw,3rem);text-align:left}.summary-image{margin:0 auto;max-width:250px}.summary-copy{text-align:left}.summary-list li{gap:1.2rem}.summary-disclaimer{font-size:13px;line-height:1.5;font-weight:400}.summary-text{font-size:15px}.summary-text h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--learn-red);text-align:center}.summary-text p{color:var(--text-primary);font-size:clamp(1rem,1.4vw,1.3rem);font-weight:600;line-height:1.5;text-align:center}.summary-list{padding:0;list-style:none;display:grid;gap:20px}.summary-list li:after{left:50px;width:4px}.lol-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem}.footer-links{margin-left:0!important;justify-content:center;align-items:center;width:100%;gap:1rem;order:2}.footer-social{justify-content:center;order:3}}