:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{color:#333;background-color:#fff;max-width:100vw;margin:0;padding:0;overflow-x:hidden!important}a[href*="framer.com/"],#__framer-badge-container,div[data-framer-name=Badge]{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0f172a66}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6}*,:before,:after{box-sizing:border-box}.app-container{background:linear-gradient(-45deg,#fff,#f1f5f9,#e0f2fe,#fff7ed) 0 0/400% 400%;flex-direction:column;min-height:100vh;animation:15s infinite gradientBG;display:flex;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{z-index:10;justify-content:center;width:100%;padding:24px 48px;display:flex;position:absolute;top:0;left:0}.navbar-container{background-color:#0000;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:12px 0;display:flex}.navbar-logo{object-fit:contain;height:48px}.navbar-links{align-items:center;gap:28px;display:flex}.navbar-links a{color:#1e293b;font-size:1rem;font-weight:800;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#2563eb}.navbar-buttons{align-items:center;gap:12px;display:flex}.btn-demo{color:#c2410c;background-color:#ffedd5;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:800;text-decoration:none}.btn-syllabus{color:#0369a1;background-color:#e0f2fe;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:800;text-decoration:none}.btn-signin{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:.95rem;font-weight:800;text-decoration:none}.btn-apply{color:#fff;background-color:#2563eb;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:0 4px 14px #2563eb4d}.hero-section{flex:1;justify-content:center;align-items:center;height:100vh;padding:80px 48px 24px;display:flex;overflow:hidden}.hero-content{flex:1;justify-content:space-between;align-items:flex-start;width:100%;max-width:1440px;margin:0 auto;padding-top:0;display:flex}.hero-left{flex-direction:column;flex:1;justify-content:center;max-width:600px;display:flex;transform:translateY(-80px)}.hero-right{flex:1;justify-content:center;align-items:center;display:flex;position:relative;transform:translate(-30px,-50px)}.hero-typography{text-align:left}.hero-headline{margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.headline-dark{color:#0f172a}.headline-light{color:#2563eb}.hero-description{color:#475569;max-width:550px;font-size:1.15rem;font-weight:500;line-height:1.6}.hero-right{flex:1;justify-content:flex-end;align-items:flex-start;margin-right:0;padding-top:0;display:flex}.interactive-book-wrapper{z-index:5;filter:drop-shadow(0 50px 30px #0009)drop-shadow(0 20px 15px #0006);min-height:500px;position:relative}.interactive-book{width:100%;height:100%;min-height:500px}.loading{color:#888;font-size:1.2rem;animation:1.5s infinite pulse}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (width<=1024px){.hero-content{text-align:center;flex-direction:column}.hero-left{align-items:center}.header{justify-content:center;padding:16px}}.pill-nav-container{z-index:99;position:relative}@media (width<=768px){.pill-nav-container{width:100%;left:0}}.pill-nav{--nav-h:48px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;box-sizing:border-box;align-items:center;width:max-content;display:flex}@media (width<=768px){.pill-nav{background:0 0;justify-content:space-between;width:100%;padding:0 1rem}}.pill-nav-items{height:var(--nav-h);-webkit-backdrop-filter:blur(12px);background:#000000f2;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:3px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);color:var(--pill-text,#94a3b8);box-sizing:border-box;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--base,#000);z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#fff);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{display:none}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);background:var(--base,#000);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none;position:relative}@media (width<=768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--pill-bg,#fff);transform-origin:50%;border-radius:1px;width:16px;height:2px;transition:all 10ms}.mobile-menu-popover{background:var(--base,#f0f0f0);z-index:998;opacity:0;transform-origin:top;visibility:hidden;border-radius:27px;position:absolute;top:3em;left:1rem;right:1rem;box-shadow:0 8px 32px #0000001f}.mobile-menu-list{flex-direction:column;gap:3px;margin:0;padding:3px;list-style:none;display:flex}.mobile-menu-popover .mobile-menu-link{color:var(--pill-text,#fff);background-color:var(--pill-bg,#fff);border-radius:50px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text,#fff)}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal-content{background:#fffc;border-radius:24px;width:100%;max-width:840px;padding:40px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.auth-modal-content:before{content:"";z-index:0;background:conic-gradient(#0000,#0000,#0000,#2563eb,#ea580c,#0000);width:200%;height:200%;animation:4s linear infinite rotateBorder;position:absolute;top:-50%;left:-50%}.auth-modal-content:after{content:"";-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:0;background:linear-gradient(45deg,#fffffff2,#eff6fff2,#ffedd5f2,#fffffff2) 0 0/300% 300%;border-radius:22px;animation:8s infinite authBgPulse;position:absolute;inset:2px}.auth-modal-content>*{z-index:1;position:relative}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-modal-grid{flex-direction:row;align-items:center;gap:40px;display:flex}.auth-animation-container{flex:1;display:none}@media (width>=768px){.auth-animation-container{display:block}}.auth-form-container{flex:1;max-width:380px;margin:0 auto}.auth-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:16px;right:20px}.auth-close-btn:hover{color:#0f172a}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{height:48px;margin-bottom:16px}.auth-header h2{color:#0f172a;margin:0 0 8px;font-size:1.5rem}.auth-header p{color:#64748b;margin:0;font-size:.95rem}.auth-tabs{background:#f1f5f9;border-radius:12px;margin-bottom:28px;padding:4px;display:flex}.auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .2s}.auth-tab.active{color:#0f172a;background:#fff;box-shadow:0 2px 4px #0000000d}.auth-form{flex-direction:column;gap:16px;height:340px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:#334155;font-size:.85rem;font-weight:600}.auth-input-group input{background:#fff9;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 16px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-input-group input:focus{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000000d}.auth-forgot-password{color:#3b82f6;align-self:flex-end;font-size:.85rem;font-weight:500;text-decoration:none}.auth-forgot-password:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn.btn-blue{background-color:#1d4ed8;box-shadow:0 4px 14px #1d4ed84d}.auth-submit-btn.btn-orange{background-color:#c2410c;box-shadow:0 4px 14px #c2410c4d}@keyframes authBgPulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}