@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=Quicksand:wght@600;700;800&display=swap";:root{--primary-blue: #1e5eb4;--primary-blue-hover: #144487;--sky-blue: #3b82f6;--sky-blue-light: #60a5fa;--light-blue-bg: #f0f7ff;--card-blue-bg: #e6f0fa;--accent-gold: #f59e0b;--accent-gold-light: #fef3c7;--sage-green: #549673;--sage-green-light: #eaf5ef;--navy-dark: #0f172a;--text-dark: #1e293b;--text-muted: #64748b;--bg-gradient: linear-gradient(180deg, #f8fafc 0%, #edf5fd 50%, #f0f7ff 100%);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(59, 130, 246, .18);--shadow-sm: 0 4px 12px rgba(30, 94, 180, .05);--shadow-md: 0 10px 24px rgba(30, 94, 180, .1);--shadow-lg: 0 18px 40px rgba(30, 94, 180, .15);--font-main: "Plus Jakarta Sans", "Inter", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Outfit", "Quicksand", "Plus Jakarta Sans", "Inter", sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--mouse-x: 50vw;--mouse-y: 50vh}*,html,body,button,input,select,textarea,option,a,p,span,div,li,td,th,label,form,img{cursor:none!important}html,body,button,input,select,textarea,option,a,p,span,div,li,td,th,label,form{font-family:var(--font-main)!important}h1,h2,h3,h4,h5,h6,.brand-title,.gradient-title{font-family:var(--font-heading)!important}input,textarea,select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media print{html,body{display:none!important;visibility:hidden!important}}html,body,.nyla-app,main{scroll-behavior:smooth;font-family:var(--font-main)!important;color:var(--text-dark);background-color:#f8fafc!important;background-image:radial-gradient(#cbd5e1 .85px,transparent .85px),radial-gradient(#cbd5e1 .85px,#f8fafc .85px)!important;background-size:30px 30px!important;background-position:0 0,15px 15px!important;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sky-blue),var(--primary-blue));border-radius:4px}.single-line-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--navy-dark);line-height:1.25}.text-gradient{background:linear-gradient(135deg,#1e5eb4,#3b82f6,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.section-padding{padding:3rem 0}.scroll-reveal,.scroll-reveal-visible{opacity:1;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDrawerIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.navbar{position:sticky;top:0;z-index:1000;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 4px 20px #0000000a}.nav-container{display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 1.25rem}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1);padding:.25rem 0;flex-shrink:0}.brand-logo:hover{transform:scale(1.02)}.brand-logo img{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08));flex-shrink:0}.brand-text-wrapper{display:flex;flex-direction:column;justify-content:center;overflow:visible}.brand-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--primary-blue);line-height:1.15;white-space:nowrap;letter-spacing:-.2px}.brand-sub{font-size:.7rem;font-weight:700;color:var(--sage-green);line-height:1.15;white-space:nowrap;letter-spacing:.2px;margin-top:2px}.nav-links{display:flex;align-items:center;gap:.4rem;list-style:none;background:#f1f5f9;padding:.35rem .5rem;border-radius:var(--radius-full);border:1px solid #e2e8f0}.nav-link-btn{background:none;border:none;font-family:var(--font-main);font-weight:700;font-size:.86rem;color:var(--text-dark);padding:.55rem 1.1rem;border-radius:var(--radius-full);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.nav-link-btn:hover{color:var(--primary-blue);background:#ffffffb3;transform:translateY(-1px)}.nav-link-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--sky-blue) 100%);box-shadow:0 4px 14px #1e5eb447}.nav-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;font-family:var(--font-main);font-weight:700;font-size:.92rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(30deg) translateY(-100%);transition:transform .65s ease}.btn:hover:after{transform:rotate(30deg) translateY(100%)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--sky-blue) 100%);color:#fff;box-shadow:0 6px 20px #1e5eb440}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #1e5eb45c}.btn-secondary{background:#fff;color:var(--primary-blue);border:1.5px solid rgba(59,130,246,.3)}.btn-secondary:hover{background:var(--light-blue-bg);border-color:var(--sky-blue);transform:translateY(-2px) scale(1.01)}.btn-sage{background:linear-gradient(135deg,var(--sage-green) 0%,#3e7c5b 100%);color:#fff;box-shadow:0 6px 20px #54967347}.btn-sage:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #54967366}.glass-card{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#3b82f666}.drawer-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2500;display:flex;justify-content:flex-end;animation:fadeIn .2s ease;will-change:opacity;transform:translateZ(0)}.drawer-panel{background:#fff;width:100%;max-width:360px;height:100%;padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;box-shadow:-10px 0 35px #0003;animation:slideDrawerIn .25s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;will-change:transform;transform:translateZ(0);-webkit-overflow-scrolling:touch}.modal-overlay{position:fixed;inset:0;background:#0f172ab8;backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .25s ease}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:92vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000052}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:var(--navy-dark);transform:rotate(90deg)}.course-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:1.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--sky-blue))}.course-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #1e5eb424;border-color:#3b82f673}.floating-widget{position:fixed;bottom:1.75rem;right:1.75rem;z-index:1500;display:flex;flex-direction:column;gap:.75rem}.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #00000038;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;text-decoration:none;cursor:pointer}.float-btn:hover{transform:scale(1.12);box-shadow:0 12px 28px #00000052}.float-whatsapp{background:#25d366}.float-phone{background:var(--primary-blue)}.float-moodle{background:#f57c00}@media(max-width:1080px){.nav-links{display:none}}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.animated-gradient-text,h1 span,h2 span,.section-title span,.hero-title span,.gradient-title{background:linear-gradient(135deg,#1e5eb4,#3b82f6,#06b6d4,#549673,#f59e0b);background-size:300% 300%;animation:gradientShift 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient-card,.course-card,.commitment-card,.criteria-card,.calculator-card,.framework-card,.card{position:relative;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease}.animated-gradient-card:before,.course-card:before,.commitment-card:before,.criteria-card:before,.calculator-card:before,.framework-card:before,.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e5eb4,#3b82f6,#06b6d4,#549673,#f59e0b);background-size:200% 100%;animation:gradientShift 5s ease infinite}.animated-gradient-card:hover,.course-card:hover,.commitment-card:hover,.criteria-card:hover,.calculator-card:hover,.framework-card:hover,.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.shark-cursor-container{position:fixed;top:0;left:0;pointer-events:none;z-index:999999;will-change:transform;transform:translate3d(-100px,-100px,0)}.shark-cursor-wrapper{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .1s cubic-bezier(.34,1.56,.64,1)}.pure-shark-svg{filter:drop-shadow(0 6px 12px rgba(15,23,42,.45));animation:sharkSwimmingWiggle 2.5s ease-in-out infinite alternate;user-select:none;pointer-events:none;transform-origin:center center;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.shark-tail-fin{transform-origin:22px 50px;animation:sharkTailSwim 1.4s ease-in-out infinite alternate}.shark-side-fin{transform-origin:52px 56px;animation:sharkFinFlutter 2s ease-in-out infinite alternate}.shark-cursor-wrapper.swimming .pure-shark-svg{animation:sharkBodyWiggle .5s ease-in-out infinite alternate}.shark-cursor-wrapper.swimming .shark-tail-fin{animation:sharkTailSwimFast .35s ease-in-out infinite alternate}.shark-cursor-wrapper.hovering .pure-shark-svg{transform:scale(1.35) rotate(-10deg);filter:drop-shadow(0 8px 18px rgba(30,94,180,.6))}.shark-eye{transform-origin:72px 42px;transition:transform .12s ease-in-out;animation:sharkIdleBlink 4s ease-in-out infinite}.shark-cursor-wrapper.clicking .shark-eye{transform:scaleY(.05);animation:none}@keyframes sharkIdleBlink{0%,95%,to{transform:scaleY(1)}97.5%{transform:scaleY(.05)}}.shark-cursor-wrapper.clicking .pure-shark-svg{transform:scale(.9) rotate(-18deg) translateY(2px);filter:drop-shadow(0 3px 8px rgba(15,23,42,.6))}@keyframes sharkSwimmingWiggle{0%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}to{transform:rotate(-3deg) translateY(2px)}}@keyframes sharkBodyWiggle{0%{transform:rotate(-10deg) scaleX(.95)}50%{transform:rotate(10deg) scaleX(1.05)}to{transform:rotate(-8deg) scaleX(.95)}}@keyframes sharkTailSwim{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}@keyframes sharkTailSwimFast{0%{transform:rotate(-22deg)}to{transform:rotate(24deg)}}@keyframes sharkFinFlutter{0%{transform:rotate(-5deg)}to{transform:rotate(8deg)}}.badge-lang-ja,.badge-lang-zh{font-family:var(--font-heading)!important;font-weight:900;font-size:1.45rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-md);user-select:none}.badge-lang-ja{color:#e11d48;text-shadow:0 2px 8px rgba(225,29,72,.3)}.badge-lang-zh{color:#d97706;text-shadow:0 2px 8px rgba(217,119,6,.3)}.page-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease-in-out}.page-transition-overlay.active{opacity:1;pointer-events:auto}.page-transition-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.logo-glow-ring-wrapper{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center}.logo-glow-spinner{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#3b82f6;border-right-color:#06b6d4;border-bottom-color:#549673;border-left-color:#f59e0b;animation:logoSpin 1.2s linear infinite}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shark-logo-pulse-img{width:70px;height:70px;object-fit:contain;animation:sharkPulse 1.5s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(59,130,246,.8))}@keyframes sharkPulse{0%{transform:scale(.92) rotate(-5deg);filter:drop-shadow(0 0 12px rgba(59,130,246,.6))}to{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 28px rgba(6,182,212,.95))}}.page-transition-text{font-family:var(--font-heading)!important;font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:.5px}.bg-animated-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.bg-liquid-orb{position:absolute;border-radius:50%;opacity:.12;will-change:transform;transform:translateZ(0);pointer-events:none;animation:orbFloat 22s ease-in-out infinite alternate}.bg-liquid-orb-1{top:-10%;left:10%;width:45vw;height:45vw;background:radial-gradient(circle,#3b82f6,#1e5eb4);animation-duration:22s}.bg-liquid-orb-2{bottom:-15%;right:5%;width:50vw;height:50vw;background:radial-gradient(circle,#549673,#06b6d4);animation-duration:26s;animation-delay:-5s}.bg-liquid-orb-3{top:40%;left:30%;width:35vw;height:35vw;background:radial-gradient(circle,#f59e0b,#ec4899);opacity:.15;animation-duration:30s;animation-delay:-10s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(5vw,8vh) scale(1.15)}to{transform:translate(-4vw,-6vh) scale(.95)}}.liquid-404-wrapper{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#0f172a,#070d19);color:#fff;border-radius:var(--radius-lg);margin:2rem auto;max-width:1200px;box-shadow:0 25px 60px #0f172a66}.liquid-container{position:relative;width:280px;height:280px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.gooey-filter{filter:url(#gooey);position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.liquid-blob{position:absolute;background:linear-gradient(135deg,#3b82f6,#06b6d4,#549673,#f59e0b);background-size:200% 200%;animation:liquidMorph 12s ease-in-out infinite,gradientShift 6s ease infinite;border-radius:40% 60% 70% 30%/40% 50% 60%;opacity:.88}.liquid-blob-main{width:200px;height:200px}.liquid-blob-sub1{width:140px;height:140px;animation-duration:9s;animation-direction:reverse;opacity:.75}.liquid-blob-sub2{width:100px;height:100px;animation-duration:15s;opacity:.65}.liquid-404-number{position:relative;z-index:10;font-family:var(--font-heading)!important;font-size:5.5rem;font-weight:900;letter-spacing:-2px;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.5)}@keyframes liquidMorph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(0)}34%{border-radius:70% 30% 50% 50%/30% 60% 40% 70%;transform:rotate(120deg)}67%{border-radius:30% 70% 40% 60%/60% 30% 70% 40%;transform:rotate(240deg)}to{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(360deg)}}.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .3s ease;position:relative}.social-icon-btn:hover{transform:translateY(-3px) scale(1.1);filter:brightness(1.15)}.social-btn-instagram,.float-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;box-shadow:0 4px 15px #d6249f59;color:#fff!important}.social-btn-instagram svg,.float-instagram svg{color:#fff!important;stroke:#fff!important}.social-btn-facebook,.float-facebook{background:#1877f2!important;box-shadow:0 4px 15px #1877f259;color:#fff!important}.social-btn-facebook svg,.float-facebook svg{color:#fff!important;stroke:#fff!important}.badge-sat-text{font-family:var(--font-heading)!important;font-weight:900;font-size:1.1rem;color:#2563eb;letter-spacing:.5px}.water-bucket-splash-wrapper{position:relative;width:320px;height:240px;margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.water-bucket-container{position:absolute;top:10px;z-index:12;animation:bucketTip 3s ease-in-out infinite alternate}@keyframes bucketTip{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(-25deg) translateY(-8px)}to{transform:rotate(-45deg) translateY(5px)}}.water-splash-wave{position:absolute;bottom:0;width:280px;height:140px;background:radial-gradient(ellipse at center,rgba(59,130,246,.45) 0%,rgba(6,182,212,.25) 50%,transparent 80%);border-radius:50%;filter:blur(20px);animation:splashExpand 2.5s ease-in-out infinite alternate;z-index:5}@keyframes splashExpand{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.25);opacity:.9}}.animated-subject-icon-box{position:relative;width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.animated-subject-icon-box:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md) + 2px);background:linear-gradient(135deg,#3b82f666,#06b6d466);opacity:0;transition:opacity .3s ease;z-index:-1}.glass-card:hover .animated-subject-icon-box{transform:scale(1.14) rotate(-5deg)}.glass-card:hover .animated-subject-icon-box:before{opacity:1;animation:iconPulseRing 1.5s infinite}@keyframes iconPulseRing{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.12);opacity:.3}to{transform:scale(.95);opacity:.8}}.offline-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease}.offline-modal-card{background:#1e293b;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:480px;width:100%;text-align:center;color:#fff;box-shadow:0 25px 50px #00000080,0 0 30px #ef444433;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.offline-wifi-badge{width:76px;height:76px;border-radius:50%;background:#ef444426;border:2px solid rgba(239,68,68,.4);display:flex;align-items:center;justify-content:center;color:#ef4444;animation:iconPulseRing 2s infinite}
