@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&family=Inter:wght@300;400;500;600&family=Syncopate:wght@400;700&display=swap";html,body{height:100%;overflow:hidden}#scroll-container{scrollbar-width:none;will-change:transform;z-index:1;height:100dvh;position:fixed;inset:0;overflow-y:scroll;background:0 0!important}#scroll-container::-webkit-scrollbar{display:none}#scroll-container::-webkit-scrollbar{width:4px}#scroll-container::-webkit-scrollbar-track{background:0 0}#scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}:root{--bg:#0a0521;--bg-darker:#050212;--text:#f4f6ff;--muted:#f4f6ff73;--accent:#3b82f6;--accent-light:#60a5fa;--pink:#60a5fa;--pink-bg:#3b82f6;--gold:#60a5fa;--orange:#3b82f6;--grad:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--border:#f4f6ff14;--glass:#f4f6ff05}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;cursor:none;font-family:Inter,sans-serif;overflow-x:hidden}#cur{z-index:9999;pointer-events:none;mix-blend-mode:difference;position:fixed}#cur-dot{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:8px;height:8px;transition:width .25s cubic-bezier(.25,1,.5,1),height .25s cubic-bezier(.25,1,.5,1),opacity .25s,transform .25s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}#cur-dot.big{background:var(--accent);opacity:0;width:12px;height:12px;transform:translate(-50%,-50%)scale(0)}#cur-ring{border:1.5px solid var(--accent);pointer-events:none;z-index:9998;border-radius:50%;transition:border-color .3s,opacity .3s,background-color .3s,box-shadow .3s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #3b82f64d}#cur-dot.big+#cur-ring{background:#3b82f60d;border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f666}@media (width<=1079px){#cur,#cur-dot,#cur-ring{display:none!important}body,.magnetic,.mo-close,.hbg-label{cursor:auto!important}}#bar{background:var(--grad);z-index:9997;width:0%;height:2px;transition:width 80ms linear;position:fixed;top:0;left:0}body:before{content:"";opacity:.04;pointer-events:none;z-index:9996;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.menu-overlay{-webkit-backdrop-filter:blur(25px);z-index:2000;visibility:hidden;clip-path:inset(0 0 100%);background:#050212f5;transition:clip-path .7s cubic-bezier(.77,0,.175,1),visibility .7s;position:fixed;inset:0}.menu-overlay.open{visibility:visible;clip-path:inset(0 0 0%)}.mo-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.mo-logo-wrap{background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex;box-shadow:0 2px 8px #0000001a}.mo-logo{object-fit:contain;height:38px;display:block}.mo-close{background:var(--accent);color:#fff;cursor:none;border:none;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-radius .3s,background-color .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.mo-close:hover{background:var(--accent-light);border-radius:50%;transform:rotate(90deg)}.mo-body{-webkit-overflow-scrolling:touch;flex-direction:column;height:calc(100% - 73px);display:flex;overflow-y:auto}.mo-links{flex-direction:column;width:100%;display:flex}.mo-row{border-bottom:1px solid var(--border);flex-shrink:0;width:100%;overflow:hidden}.mo-row a{color:var(--text);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:20px;padding:18px 32px;font-family:Outfit,sans-serif;font-size:clamp(24px,6vw,44px);font-weight:900;line-height:1.1;text-decoration:none;transition:transform .55s cubic-bezier(.16,1,.3,1),color .25s,padding-left .35s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(105%)}.menu-overlay.open .mo-row a{transform:translateY(0)}.mo-row:first-child a{transition-delay:50ms}.mo-row:nth-child(2) a{transition-delay:.12s}.mo-row:nth-child(3) a{transition-delay:.19s}.mo-row:nth-child(4) a{transition-delay:.26s}.mo-row a:hover{color:var(--pink);padding-left:44px}.mo-row a.active-link{color:var(--pink)}.mo-bullet{background:var(--accent);opacity:0;width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);transform:scale(0)}.mo-row a:hover .mo-bullet,.mo-row a.active-link .mo-bullet{opacity:1;transform:scale(1)}.mo-arrow{color:var(--accent);margin-left:auto;font-size:24px}.mo-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding:32px;display:flex}.mo-contact{color:var(--muted);font-size:12px;line-height:1.8}@media (width<=768px){.mo-row a{gap:14px;padding:14px 24px;font-size:clamp(20px,5.5vw,32px)}.mo-arrow{font-size:18px}.mo-foot{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px}.mo-contact{flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.mo-foot .btn-o{width:100%;max-width:280px;padding:12px 24px;font-size:13px}}nav{z-index:1000;-webkit-backdrop-filter:blur(20px);pointer-events:none;background:#ffffffe6;border-bottom:1px solid #120a2b14;justify-content:space-between;align-items:center;height:84px;padding:0 100px;transition:transform .4s cubic-bezier(.16,1,.3,1),padding .4s,background .4s;display:flex;position:fixed;top:0;left:0;right:0}nav>*{pointer-events:auto}@media (width<=1079.95px){nav{padding:0 24px}}.nav-visible{transform:translateY(0)}.nav-hidden{transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(-100%)}nav.stuck{background:#fffffffa;border-bottom:1px solid #120a2b1f;padding:0 100px;box-shadow:0 4px 30px #0000000a}@media (width<=1079.95px){nav.stuck{padding:0 24px}}.nav-logo{justify-content:center;align-items:center;height:64px;transition:all .3s;display:flex}.nav-logo img{object-fit:contain;height:56px;display:block}@media (width<=768px){nav{height:60px;padding:0 20px}nav.stuck{padding:0 20px}.nav-logo{height:40px}.nav-logo img{height:32px}}.nav-center{gap:44px;display:none;position:absolute;left:50%;transform:translate(-50%)}.nav-center a{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;padding:8px 0;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;transition:color .3s;position:relative}.nav-center a:hover,.nav-center a.active{color:#8b5cf6}.nav-right{background:var(--pink-bg);color:#fff;letter-spacing:.02857em;z-index:1;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:8px;height:56px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .25s;display:none;position:relative;overflow:hidden}.nav-right:hover{background-color:#2563eb}.nav-right .btn-text{z-index:5;align-items:center;transition:color .4s ease-in-out;display:flex;position:relative}.nav-right .btn-bubble{pointer-events:none;border-radius:50%;transition:transform .6s ease-in-out,bottom .6s ease-in-out;position:absolute;left:50%;transform:translate(-50%)scale(1)}.nav-right .bubble-1{z-index:3;background:#fff;width:75px;height:75px;bottom:-104px}.nav-right .bubble-2{z-index:2;background:#ffffffb3;width:90px;height:90px;bottom:-111px}.nav-right .bubble-3{background:var(--pink-bg);z-index:1;width:115px;height:115px;bottom:-125px}.nav-right:hover .btn-text{color:#fff}.nav-right:hover .btn-text svg path{stroke:#3b82f6;transition:stroke .4s}.nav-right:hover .bubble-1{bottom:50%;transform:translate(-50%,50%)scale(2.8)}.nav-right:hover .bubble-2{transition:transform .5s ease-in-out 50ms,bottom .5s ease-in-out 50ms;bottom:50%;transform:translate(-50%,50%)scale(2.8)}.nav-right:hover .bubble-3{transition:transform .4s ease-in-out .1s,bottom .4s ease-in-out .1s;bottom:50%;transform:translate(-50%,50%)scale(2.8)}.hbg-label{cursor:pointer;z-index:2005;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hbg-checkbox{display:none}.hbg-svg{width:32px;height:32px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hbg-path{fill:none;stroke:#1e293b;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .3s,opacity .4s,transform .4s}.hbg-checkbox:checked+.hbg-svg .hbg-path{stroke:#fff}.hbg-path-top-bot{stroke-dasharray:12 63;stroke-dashoffset:0}.hbg-checkbox:checked+.hbg-svg{transform:rotate(-45deg)}.hbg-checkbox:checked+.hbg-svg .hbg-path-top-bot{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}.hbg-checkbox:checked+.hbg-svg path:not(.hbg-path-top-bot){opacity:0;transform-origin:50%;transform:scaleX(0)}.hero{flex-direction:column;justify-content:flex-end;height:100svh;padding:0 28px 64px;display:flex;position:relative;overflow:hidden}#nexus-canvas{z-index:-1;width:100%;height:100%;position:fixed;inset:0}.hero-grad{z-index:1;pointer-events:none;background:radial-gradient(circle at 70% 30%,#4f6ef70d 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:2;max-width:720px;position:relative}.hero-tag{letter-spacing:.12em;text-transform:uppercase;color:#f0f0f08c;opacity:0;border:1px solid #4f6ef74d;border-radius:100px;align-items:center;gap:10px;margin-bottom:28px;padding:7px 16px;font-size:11px;animation:.8s .2s forwards fu;display:inline-flex}.hero-tag-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.hero h1{letter-spacing:-.03em;margin-bottom:28px;font-family:Outfit,sans-serif;font-size:clamp(42px,10vw,84px);font-weight:900;line-height:.93}.hero h1 .ln{display:block;overflow:hidden}.hero h1 .ln span{animation:.95s cubic-bezier(.16,1,.3,1) both su;display:block}.hero h1 .ln:first-child span{animation-delay:.3s}.hero h1 .ln:nth-child(2) span{animation-delay:.45s}.hero h1 .ln:nth-child(3) span{animation-delay:.6s}.hero h1 .ln:nth-child(4) span{animation-delay:.75s}@keyframes su{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes fu{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);opacity:0;max-width:500px;margin-bottom:40px;font-size:clamp(14px,2.2vw,17px);line-height:1.75;animation:.8s .9s forwards fu}.hero-actions{opacity:0;flex-direction:column;gap:14px;animation:.8s 1.05s forwards fu;display:flex}.hero-container{z-index:2;flex-direction:column;align-items:center;gap:40px;width:100%;margin-top:0;display:flex;position:relative}.hero-showcase{z-index:2;justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:20px;display:flex;position:relative}.showcase-mask{border:1px solid #f4f6ff1a;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.showcase-content{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.showcase-bg-glow{z-index:1;background:radial-gradient(circle,#3b82f6 0%,#7c3aed 45%,#0f172a 90%);width:200%;height:200%;animation:25s linear infinite slow-rotate;position:absolute;top:-50%;left:-50%}.showcase-grid-overlay{opacity:.35;z-index:2;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:50%;background-size:24px 24px;width:150%;height:150%;animation:10s ease-in-out infinite alternate grid-dance;position:absolute;top:-25%;left:-25%;transform:perspective(600px)rotateX(55deg)translateZ(0)}.showcase-logo-wrap{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:8s ease-in-out infinite float-logo;display:flex;position:relative}.showcase-logo-img{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 10px 25px #ffffff40);max-width:100%;max-height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s}.hero-showcase:hover .showcase-logo-img{filter:brightness(0)invert()drop-shadow(0 15px 35px #60a5fabf);transform:scale(1.08)rotate(3deg)}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grid-dance{0%{transform:perspective(600px)rotateX(55deg)rotate(0)translateZ(0)}to{transform:perspective(600px)rotateX(55deg)rotate(15deg)translateZ(30px)}}@keyframes floating-logo{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-1deg)}}.showcase-badge{background:var(--pink-bg);z-index:5;cursor:pointer;width:110px;height:110px;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-10px;left:-10px;box-shadow:0 8px 24px #3b82f659}@media (width<=899px){.hero{justify-content:center;height:auto;min-height:100svh;padding-top:120px}.hero-showcase{width:250px;height:250px;margin-top:40px;margin-bottom:25px}.showcase-badge{width:85px;height:85px;bottom:-10px;left:0}}.badge-svg{pointer-events:none;width:100%;height:100%;animation:12s linear infinite rotating}.badge-text{fill:#fff;letter-spacing:.04em;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.badge-dot{z-index:6;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-cue{z-index:2;writing-mode:vertical-lr;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:0;align-items:center;gap:10px;font-size:10px;animation:.8s 1.4s forwards fu;display:flex;position:absolute;bottom:32px;right:28px}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scanv}@keyframes scanv{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(1)}}.hero-text-ring{z-index:1;pointer-events:none;opacity:0;width:125%;height:125%;animation:.8s 1.2s forwards fu;position:absolute;top:-12.5%;left:-12.5%}.hero-text-ring-svg{pointer-events:none;width:100%;height:100%;animation:24s linear infinite rotating-ring}@keyframes rotating-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mq-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 0;overflow:hidden}.mq-track{gap:52px;width:max-content;animation:24s linear infinite mq;display:flex}.mq-track:hover{animation-play-state:paused}.mq-item{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:18px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;display:flex}.mq-item:after{content:"◆";color:var(--orange);font-size:7px}@keyframes mq{to{transform:translate(-50%)}}.sec{padding:100px 28px}.sec-dark{background:0 0}.tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.tag:before{content:"";background:var(--accent);width:18px;height:1px}.tit{letter-spacing:-.02em;color:var(--text);margin-bottom:20px;font-family:Outfit,sans-serif;font-size:clamp(28px,7vw,56px);font-weight:900;line-height:1.04}.sec-light{isolation:isolate;--bg:#fff;--text:#0a0a1a;--muted:#4a4a6a;--border:#e8eaf6;--glass:#3b82f60a;position:relative;background:#fff!important}.sec-light .scrub-text .word{color:#0a0a1a33}.sec-light .scrub-text .word.lit{color:#0a0a1ae0}.sec-light .tag{color:#3b82f6;font-weight:700}.sec-light .tag:before{background:#3b82f6}.sec-light h2.tit,.sec-light .mission-h{color:#06072e}.sec-light .why-g{border-color:#dde3f8;box-shadow:0 8px 40px #3b82f60f}.sec-light .why-row{border-color:#eceef9}.sec-light .why-row:hover{background:#3b82f60a;border-left:3px solid #3b82f6;padding-left:21px}.sec-light .why-t{color:#06072e}.sec-light .why-d{color:#4a4a6a}.sec-light .premium-testimonial{background:#fff;border:1px solid #dde3f8;box-shadow:0 4px 24px #3b82f612}.sec-light .premium-testimonial:hover{border-color:#3b82f6;box-shadow:0 12px 40px #3b82f624}.sec-light .student-info strong{color:#06072e}.sec-light .student-info span{color:#3b82f6}.sec-light .testimonial-text p{color:#4a4a6a}.sec-light .quote-mark{color:#3b82f61f}.sec-light .testimonial-image-col{background:linear-gradient(#3b82f60f 0%,#0000 100%);border-bottom:1px solid #eceef9}.sec-light .student-img{border-color:#3b82f659;box-shadow:0 6px 24px #3b82f626}.sec-light .carousel-btn{color:#06072e;background:#f4f5fb;border-color:#dde3f8}.sec-light .carousel-btn:hover{background:#3b82f61a;border-color:#3b82f6}.sec-light .dot{background:#d0d5ee}.sec-light .dot.active{background:#3b82f6}.sec-light .mission-p{color:#4a4a6a}.desc{color:var(--muted);max-width:560px;margin-bottom:56px;font-size:15px;line-height:1.75}.rv{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(36px)}.rv.in{opacity:1;transform:none}.d1{transition-delay:80ms}.d2{transition-delay:.18s}.d3{transition-delay:.28s}.d4{transition-delay:.38s}.curtain{overflow:hidden}.curtain-inner{transition:transform 1s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(105%)}.curtain.in .curtain-inner{transform:translateY(0)}.panel{z-index:1;will-change:transform;background:0 0;width:100vw;height:auto;min-height:100svh;position:relative;overflow-x:hidden}.panel:nth-child(2n){background:0 0}.wipe{clip-path:inset(100% 0 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.wipe.in{clip-path:inset(0% 0 0)}.scale-rv{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.94)translateY(30px)}.scale-rv.in{opacity:1;transform:scale(1)translateY(0)}.scrub-text .word{color:#f0f0f02e;margin-right:.25em;transition:color .4s;display:inline-block}.scrub-text .word.lit{color:#f0f0f0d9}.stats-g{border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.stat{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 24px;transition:background .3s}.stat:nth-child(2n){border-right:none}.stat:nth-child(3),.stat:nth-child(4){border-bottom:none}.stat:hover{background:var(--glass)}.stat-n{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(40px,9vw,64px);font-weight:900;line-height:1}.stat-l{color:var(--muted);margin-top:6px;font-size:13px}.why-g{border:1px solid var(--border);border-radius:20px;display:grid;overflow:hidden}.why-row{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr;gap:16px;padding:28px 24px;transition:background .3s;display:grid}.why-row:last-child{border-bottom:none}.why-row:hover{background:var(--glass)}.why-n{color:var(--accent);padding-top:1px;font-size:11px;font-weight:700}.why-t{margin-bottom:5px;font-size:15px;font-weight:600}.why-d{color:var(--muted);font-size:13px;line-height:1.6}.prog-g{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:30px;margin-top:40px;display:grid}@media (width<=1024px){.prog-g{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.prog-g{grid-template-columns:1fr;gap:24px}}.prog{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#ffffff03;border-radius:24px;flex-direction:column;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;display:flex;overflow:hidden}.prog:hover{transform:translateY(-6px)}.prog-card-teal:hover{border-color:#14b8a673;box-shadow:0 20px 40px #14b8a61f}.prog-card-blue:hover{border-color:#3b82f673;box-shadow:0 20px 40px #3b82f61f}.prog-card-purple:hover{border-color:#a855f773;box-shadow:0 20px 40px #a855f71f}.prog-card-header{color:#fff;flex-direction:column;gap:12px;padding:40px 32px 30px;display:flex;position:relative;overflow:hidden}.prog-card-teal .prog-card-header{background:linear-gradient(135deg,#0e4f50 0%,#072a2b 100%);border-bottom:2px solid #14b8a6}.prog-card-blue .prog-card-header{background:linear-gradient(135deg,#1d4ed8 0%,#1e3a8a 100%);border-bottom:2px solid #3b82f6}.prog-card-purple .prog-card-header{background:linear-gradient(135deg,#6b21a8 0%,#4a044e 100%);border-bottom:2px solid #a855f7}.prog-card-badge{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;position:absolute;top:20px;right:20px}.prog-card-icon-wrap{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.prog-card-header h3{color:#fff;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:23px;font-weight:900;line-height:1.25}.prog-card-header p{color:#ffffffd9;margin:0;font-size:13px;line-height:1.5}.prog-card-body{color:#1e293b;background:#fff;flex-direction:column;flex-grow:1;justify-content:space-between;padding:32px;display:flex}.prog-card-chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.prog-card-chip{border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.prog-card-teal .prog-card-chip{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1}.prog-card-blue .prog-card-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.prog-card-purple .prog-card-chip{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff}.prog-card-bullets-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;text-align:left;margin-bottom:12px;font-size:11px;font-weight:700}.prog-card-bullets{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.prog-card-bullets li{color:#475569;text-align:left;padding-left:24px;font-size:14px;line-height:1.5;position:relative}.prog-card-bullets li:before{content:"✓";font-size:14px;font-weight:700;line-height:1;position:absolute;left:0}.prog-card-teal .prog-card-bullets li:before{color:#0d9488}.prog-card-blue .prog-card-bullets li:before{color:#2563eb}.prog-card-purple .prog-card-bullets li:before{color:#9333ea}.prog-card-pricing{text-align:left;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:auto;margin-bottom:24px;padding-top:20px;display:flex}.prog-card-price{font-family:Outfit,sans-serif;font-size:28px;font-weight:900;line-height:1.1}.prog-card-teal .prog-card-price{color:#0d9488}.prog-card-blue .prog-card-price{color:#2563eb}.prog-card-purple .prog-card-price{color:#9333ea}.prog-card-subprice{color:#64748b;font-size:12px}.prog-card-btn{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .3s,transform .25s,box-shadow .3s;display:block}.btn-teal{background:#0d9488;box-shadow:0 4px 14px #0d948833;color:#fff!important}.btn-teal:hover{background:#0f766e;box-shadow:0 6px 20px #0d948859}.btn-blue{background:#2563eb;box-shadow:0 4px 14px #2563eb33;color:#fff!important}.btn-blue:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb59}.btn-purple{background:#9333ea;box-shadow:0 4px 14px #9333ea33;color:#fff!important}.btn-purple:hover{background:#7e22ce;box-shadow:0 6px 20px #9333ea59}.test-carousel-wrapper{width:100%;margin-top:48px;position:relative}.test-list{width:100%;min-height:400px;display:flex;position:relative}.premium-testimonial{opacity:0;pointer-events:none;visibility:hidden;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#ffffff05;border-radius:24px;flex-direction:column;width:100%;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(10px)scale(.98)}.premium-testimonial.active{opacity:1;pointer-events:auto;visibility:visible;z-index:2;position:relative;transform:translateY(0)scale(1)}.premium-testimonial:hover{border-color:#8b5cf659;box-shadow:0 20px 40px #8b5cf614}.testimonial-image-col{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(#ffffff08 0%,#0000 100%);flex-direction:column;align-items:center;padding:32px;display:flex}.student-img{object-fit:cover;border:2px solid #8b5cf666;border-radius:50%;width:140px;height:140px;margin-bottom:16px;box-shadow:0 10px 30px #8b5cf626}.student-info strong{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700;display:block}.student-info span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:13px;display:block}.testimonial-content-col{padding:40px 32px;position:relative}.quote-mark{color:#8b5cf626;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:80px;font-weight:900;line-height:1;position:absolute;top:20px;left:32px}.testimonial-text{z-index:2;position:relative}.testimonial-text p{color:var(--muted);margin-bottom:16px;font-size:15px;line-height:1.8}.testimonial-text p:last-child{margin-bottom:0}@media (width>=900px){.premium-testimonial{flex-direction:row;align-items:stretch}.testimonial-image-col{border-bottom:none;border-right:1px solid var(--border);background:linear-gradient(90deg,#ffffff05 0%,#0000 100%);justify-content:center;width:320px}.testimonial-content-col{flex:1;padding:56px 64px}.quote-mark{font-size:120px;top:20px;left:-20px}}.carousel-controls{justify-content:space-between;align-items:center;margin-top:24px;padding:0 16px;display:flex}.carousel-dots{align-items:center;gap:8px;display:flex}.dot{cursor:none;background:#ffffff26;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.dot.active{background:var(--accent);border-radius:10px;width:24px;box-shadow:0 0 10px #8b5cf680}.carousel-btn{color:var(--text);cursor:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.carousel-btn:hover{color:var(--accent);background:#ffffff26;border-color:#8b5cf666;transform:scale(1.1)}.mission{text-align:center;background:0 0;padding:100px 28px;position:relative;overflow:hidden}.mission:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef712,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.mission .tag{justify-content:center}.mission .tag:before{display:none}.mission-h{letter-spacing:-.02em;margin-bottom:22px;font-family:Outfit,sans-serif;font-size:clamp(26px,7vw,52px);font-weight:900;line-height:1.1}.mission-p{color:var(--muted);max-width:440px;margin:0 auto 38px;font-size:15px;line-height:1.7}.mission-btns{flex-direction:column;align-items:center;gap:14px;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:none;z-index:1;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:15px 30px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,color .4s;display:inline-flex;position:relative;overflow:hidden}.btn-text{z-index:5;transition:color .4s ease-in-out,transform .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.btn-bubble{pointer-events:none;border-radius:50%;transition:transform .6s cubic-bezier(.4,0,.2,1),bottom .6s cubic-bezier(.4,0,.2,1);position:absolute;left:50%;transform:translate(-50%)scale(1)}.btn-p{background:var(--pink-bg);color:#fff;border:1px solid #ffffff1a}.btn-p .bubble-1{z-index:3;background:#fff;width:75px;height:75px;bottom:-80px}.btn-p .bubble-2{z-index:2;background:#ffffffbf;width:95px;height:95px;bottom:-100px}.btn-p .bubble-3{background:var(--accent);z-index:1;width:120px;height:120px;bottom:-125px}.btn-p:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3b82f666,0 0 20px #8b5cf633}.btn-p:hover .btn-text{color:var(--bg-darker)}.btn-p:hover .bubble-1{transition:transform .6s cubic-bezier(.16,1,.3,1),bottom .6s cubic-bezier(.16,1,.3,1);bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-p:hover .bubble-2{transition:transform .5s cubic-bezier(.16,1,.3,1) 50ms,bottom .5s cubic-bezier(.16,1,.3,1) 50ms;bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-p:hover .bubble-3{transition:transform .4s cubic-bezier(.16,1,.3,1) .1s,bottom .4s cubic-bezier(.16,1,.3,1) .1s;bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-o{color:#0a0521;background:#fff}.btn-o .bubble-1{background:var(--bg-darker);z-index:3;width:75px;height:75px;bottom:-80px}.btn-o .bubble-2{z-index:2;background:#8b5cf6cc;width:95px;height:95px;bottom:-100px}.btn-o .bubble-3{background:var(--accent);z-index:1;width:120px;height:120px;bottom:-125px}.btn-o:hover{transform:translateY(-4px);box-shadow:0 16px 32px #ffffff40}.btn-o:hover .btn-text{color:#fff}.btn-o:hover .bubble-1{transition:transform .6s cubic-bezier(.16,1,.3,1),bottom .6s cubic-bezier(.16,1,.3,1);bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-o:hover .bubble-2{transition:transform .5s cubic-bezier(.16,1,.3,1) 50ms,bottom .5s cubic-bezier(.16,1,.3,1) 50ms;bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-o:hover .bubble-3{transition:transform .4s cubic-bezier(.16,1,.3,1) .1s,bottom .4s cubic-bezier(.16,1,.3,1) .1s;bottom:-10px;transform:translate(-50%)scale(2.8)}.btn-g{border:1.5px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);background:#ffffff05}.btn-g:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.btn-g:hover{background:#ffffff0d;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 0 15px #3b82f626}.btn-g:hover:before{left:100%}footer{border-top:1px solid var(--border);padding:60px 28px 36px}.ft-logo-wrap{background:#fff;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;padding:8px 16px;display:inline-flex;box-shadow:0 2px 8px #0000001a}.ft-logo{object-fit:contain;height:40px;display:block}.ft-sub{color:var(--muted);max-width:260px;margin-bottom:44px;font-size:13px;line-height:1.65}.ft-g{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px;display:grid}.ft-h{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:600}.ft-g a{color:var(--muted);margin-bottom:9px;font-size:13px;text-decoration:none;transition:color .3s;display:block}.ft-g a:hover{color:var(--text)}.ft-bot{color:#f0f0f02e;border-top:1px solid #ffffff0d;flex-direction:column;gap:5px;padding-top:20px;font-size:11px;display:flex}.free-resource-sec{padding:80px 28px 40px}.free-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;max-width:800px;margin:0 auto;padding:40px 28px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.free-tag{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#ff6a3d;border-radius:6px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.free-h{margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.free-p{color:var(--muted);max-width:600px;margin-bottom:24px;font-size:15px;line-height:1.6}.free-checks{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.free-check{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff05;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:12px 18px;font-size:14px;display:flex}.btn-orange{color:#fff;background:#ff6a3d;border-radius:10px;justify-content:center;align-items:center;padding:16px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-orange:hover{background:#e55b32;transform:translateY(-2px);box-shadow:0 10px 20px #ff6a3d4d}@media (width>=768px){nav{padding:24px 52px}nav.stuck{padding:14px 52px}.nav-center,.nav-right{display:flex}.hbg,.hbg-label{display:none}.hero{justify-content:center;height:auto;min-height:100vh;padding:100px 52px 90px}.hero-side{display:flex}.hero-actions{flex-direction:row}.hero-container{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;height:auto;margin-top:0}.hero-showcase{width:360px;height:360px;margin-bottom:0;margin-right:20px}.showcase-badge{width:140px;height:140px;bottom:-12px;left:-12px}.sec{padding:120px 52px}.mission{padding:130px 52px}footer{padding:80px 52px 44px}.stats-g{grid-template-columns:repeat(4,1fr)}.stat:nth-child(2n){border-right:1px solid var(--border)}.stat:nth-child(4n){border-right:none}.stat:nth-child(3),.stat:nth-child(4){border-bottom:none}.why-g{grid-template-columns:repeat(2,1fr)}.why-row{border-right:1px solid var(--border)}.why-row:nth-child(2n){border-right:none}.prog-g{grid-template-columns:repeat(2,1fr)}.test-g{grid-template-columns:repeat(3,1fr)}.mission-btns{flex-direction:row;justify-content:center}.ft-g{grid-template-columns:repeat(3,1fr)}.ft-bot{flex-direction:row;justify-content:space-between}}@media (width>=1280px){nav{padding:24px 88px}nav.stuck{padding:14px 88px}.hero{justify-content:center;height:auto;min-height:100vh;padding:120px 88px 100px}.hero-showcase{width:460px;height:460px}.showcase-badge{width:160px;height:160px;bottom:-15px;left:-15px}.sec,.mission{padding:140px 88px}footer{padding:88px 88px 48px}}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0a0521b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#1e293b;scrollbar-width:thin;scrollbar-color:#0000001a transparent;background:#fff;border-radius:24px;width:100%;max-width:580px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.modal-close-btn{cursor:pointer;color:#64748b;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.modal-title{color:#0f172a;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:26px;font-weight:700;line-height:1.25}.modal-subtitle{color:#64748b;margin-bottom:28px;font-size:14px;line-height:1.6}.enroll-form{flex-direction:column;gap:20px;display:flex}.form-group{text-align:left;flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-group label .req{color:#ef4444}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .2s}.form-group input::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.form-help{color:#8b5cf6;margin-top:-2px;font-size:11px;font-weight:500}.btn-submit{color:#fff;cursor:pointer;letter-spacing:.02em;background:#15803d;border:none;border-radius:12px;margin-top:10px;padding:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.btn-submit:hover{background:#166534;transform:translateY(-1px);box-shadow:0 4px 12px #15803d33}.btn-submit:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.success-icon-wrap{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:32px;font-weight:700;display:flex}.success-h{color:#15803d!important}.payment-inst{color:#334155;margin-bottom:24px;font-size:15px;line-height:1.6}.payment-card{color:#fff;text-align:left;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-radius:16px;flex-direction:column;gap:16px;margin-bottom:28px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0f172a26}.payment-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:150px;height:150px;position:absolute;top:-50%;right:-50%}.pay-field{flex-direction:column;gap:4px;display:flex}.pay-label{color:#94a3b8;letter-spacing:.1em;font-size:10px;font-weight:700}.pay-value{color:#f8fafc;font-size:16px;font-weight:600}.pay-value.number{letter-spacing:.05em;color:#fff;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.highlighted{border-top:1px solid #ffffff1a;padding-top:16px}.acct-number-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.copy-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.copy-btn:hover{background:#ffffff40;transform:scale(1.02)}.next-steps-section{text-align:left;border-top:1px solid #e2e8f0;padding-top:24px}.next-steps-section h4{color:#0f172a;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.next-steps-section p{color:#64748b;margin-bottom:20px;font-size:13px;line-height:1.6}.btn-wa{border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px;font-family:Outfit,sans-serif;font-size:16px;text-decoration:none;display:flex;color:#fff!important;background:#25d366!important;font-weight:700!important;transition:all .2s!important}.btn-wa:hover{background:#128c7e!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #25d3664d!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.modal-content{border-radius:20px;padding:24px}.modal-title,.pay-value.number{font-size:20px}}.enroll-google-autofill-banner{text-align:left;background:linear-gradient(135deg,#8b5cf614 0%,#3b82f60a 100%);border:1px dashed #8b5cf640;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:14px 20px;display:flex}.enroll-google-autofill-banner .autofill-text{align-items:flex-start;gap:10px;display:flex}.enroll-google-autofill-banner .sparkle{color:#8b5cf6;margin-top:2px;font-size:16px;animation:2s ease-in-out infinite pulseGlow}.enroll-google-autofill-banner strong{color:#0f172a;font-size:13px;display:block}.enroll-google-autofill-banner p{color:#64748b;margin:2px 0 0;font-size:11px}.btn-google-autofill{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0000000d}.btn-google-autofill:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (width<=500px){.enroll-google-autofill-banner{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.btn-google-autofill{justify-content:center}}.sql-simulator-container{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;padding:100px 40px 40px;font-family:Inter,sans-serif;display:flex}.sql-sim-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:16px 28px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.sql-sim-title{align-items:center;gap:12px;display:flex}.sql-badge{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:8px;padding:5px 12px;font-size:11px;font-weight:800}.sql-sim-title h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.sql-sim-user{text-align:left;align-items:center;gap:12px;display:flex}.sql-user-avatar{background:#f1f5f9;border:2px solid #2563eb;border-radius:50%;width:42px;height:42px}.sql-username{color:#0f172a;font-size:14px;font-weight:600;display:block}.sql-userrole{color:#64748b;font-size:11px;display:block}.sql-sim-workspace{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.sql-sim-workspace{grid-template-columns:300px 1fr}}@media (width<=900px){.sql-simulator-container{padding:90px 16px 24px!important}.sql-sim-workspace{grid-template-columns:1fr!important;gap:20px!important}.sql-main-editor{order:1!important}.sql-sidebar{order:2!important}}@media (width<=768px){.sql-sim-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:20px!important;padding:16px 20px!important}.sql-sim-user{border-top:1px solid #e2e8f0!important;width:100%!important;padding-top:12px!important}}@media (width<=640px){.editor-card,.results-card,.sql-sidebar{border-radius:16px!important;padding:16px!important}.sql-text-area{padding:16px!important;font-size:13px!important}.sql-results-table{font-size:11px!important}.sql-results-table th,.sql-results-table td{padding:8px 10px!important}.editor-controls{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px 16px!important}.editor-btns{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}.btn-sim{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:6px 10px!important;font-size:11px!important;display:flex!important}.output-tabs-bar{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.output-tabs-bar::-webkit-scrollbar{display:none}.output-tabs-bar button{flex:none!important;padding:6px 12px!important;font-size:11px!important}}.sql-sidebar{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.sidebar-h{color:#0f172a;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.sidebar-p{color:#64748b;margin-bottom:20px;font-size:12px;line-height:1.5}.schema-tree{flex-direction:column;gap:16px;display:flex}.schema-table{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #2563eb;border-radius:12px;padding:14px}.table-icon{margin-right:8px;font-size:14px}.schema-table strong{color:#0f172a;font-size:14px}.schema-fields{flex-direction:column;gap:6px;margin-top:10px;padding-left:0;list-style:none;display:flex}.schema-fields li{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:4px;font-size:11px;display:flex}.field-name{color:#2563eb;font-family:monospace;font-weight:600}.field-type{color:#64748b;font-family:monospace}.sql-main-editor{flex-direction:column;gap:24px;display:flex}.editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.editor-controls{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;font-weight:600;display:flex}.editor-btns{gap:12px;display:flex}.btn-sim{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.btn-run{color:#fff;background:#2563eb}.btn-run:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-ai{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.btn-ai:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.sql-text-area{color:#0f172a;resize:vertical;background:#fff;border:none;outline:none;min-height:180px;padding:24px;font-family:Fira Code,Courier New,Courier,monospace;font-size:15px;line-height:1.6}.results-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.results-h{color:#0f172a;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.sql-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-width:100%;overflow-x:auto}.sql-results-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.sql-results-table th{color:#2563eb;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:700}.sql-results-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px}.sql-results-table tr:hover{background:#f8fafc}.sql-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.5}.sql-no-results{color:#64748b;text-align:center;padding:40px 0;font-size:13px}.output-tabs-bar button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.output-tabs-bar button:hover{background:#f1f5f9!important}.tutor-idle{text-align:center;padding:40px 0}.idle-icon{color:#2563eb33;margin-bottom:16px;font-size:32px;display:block}.tutor-idle p{color:#64748b;font-size:13px;line-height:1.6}.tutor-loading{text-align:center;padding:40px 0}.spark-spinner{color:#2563eb;margin-bottom:16px;font-size:28px;animation:2s linear infinite spinSpark;display:inline-block}@keyframes spinSpark{0%{opacity:.7;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)scale(1.3)}to{opacity:.7;transform:rotate(360deg)scale(1)}}.tutor-loading p{color:#64748b;font-size:13px;line-height:1.6}.tutor-response{flex-direction:column;gap:20px;display:flex}.tutor-exp-section h5,.tutor-vis-section h5{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.tutor-exp-section p{color:#334155;font-size:13px;line-height:1.6}.visual-plan-flow{flex-direction:column;gap:12px;margin-top:12px;display:flex}.vis-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.vis-step-title{color:#8b5cf6;font-family:monospace;font-size:12px;font-weight:700}.vis-step-detail{color:#94a3b8;margin-top:4px;font-size:11px;line-height:1.4}.vis-arrow{text-align:center;color:#6366f1;font-size:14px;font-weight:700}.nav-profile-wrap{cursor:pointer;z-index:1010;pointer-events:auto;align-items:center;gap:12px;display:flex;position:relative}.nav-avatar{border:2px solid #8b5cf6;border-radius:50%;width:44px;height:44px;transition:all .3s}.nav-avatar:hover{transform:scale(1.05);box-shadow:0 0 12px #8b5cf666}.nav-profile-dropdown{opacity:0;visibility:hidden;text-align:left;background:#0f172a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;width:220px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50px;right:0;transform:translateY(10px);box-shadow:0 10px 25px #0000004d}.nav-profile-wrap:hover .nav-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-name{color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;display:block}.dropdown-email{color:#94a3b8;word-break:break-all;margin-bottom:8px;font-size:11px;display:block}.btn-logout{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;width:100%;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.btn-logout:hover{color:#fff;background:#ef444440}.btn-portal{background:var(--pink-bg);color:#fff;letter-spacing:.06em;cursor:pointer;pointer-events:auto;border:none;border-radius:0;justify-content:center;align-items:center;height:56px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .25s;display:none;position:relative;overflow:hidden}.btn-portal:hover{background:#2563eb}@media (width>=768px){.btn-portal{display:flex}}.auth-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#0a0521d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.auth-card{color:#1e293b;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #0000004d}.btn-google-login{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:14px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-google-login:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.auth-divider{text-align:center;color:#94a3b8;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.auth-toggle-text{color:#64748b;text-align:center;margin-top:16px;font-size:13px}.auth-toggle-link{color:#8b5cf6;cursor:pointer;font-weight:700;text-decoration:underline}.auth-toggle-link:hover{color:#6d28d9}@keyframes floatCard1{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatCard2{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatCard3{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.sql-sandbox-showcase{justify-content:center;align-items:center;width:100%;max-width:100%;height:420px;display:flex;position:relative;overflow:visible}.sql-showcase-container{transform-origin:50%;justify-content:center;align-items:center;width:540px;height:360px;display:flex;position:absolute}@media (width<=991px){.sql-sandbox-grid{grid-template-columns:1fr!important;gap:40px!important}.sql-sandbox-showcase{height:350px!important}.sql-showcase-container{transform:scale(.8)}}@media (width<=900px){.panel{height:auto!important;min-height:auto!important;padding-top:60px!important;padding-bottom:60px!important}}@media (width<=640px){.sql-sandbox-showcase{height:280px!important}.sql-showcase-container{transform:scale(.65)}.quick-start-steps-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (width<=480px){.sql-sandbox-showcase{height:240px!important}.sql-showcase-container{transform:scale(.55)}}@media (width<=380px){.sql-sandbox-showcase{height:200px!important}.sql-showcase-container{transform:scale(.45)}}