.landing-wrapper{width:100%;min-height:100vh;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro", sans-serif;color:#191c1e;box-sizing:border-box;background:linear-gradient(#f7f9fb 0% 100%),#fff;flex-direction:column;align-items:center;padding:0;display:flex;position:relative;overflow-x:hidden}.landing-header{box-sizing:border-box;z-index:50;background:#fff;border-bottom:1px solid #c7c4d7;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-logo-container{flex-direction:row;align-items:center;gap:12px;height:28px;padding:0;text-decoration:none;display:flex}.header-logo-icon{color:#fff;background:#4648d4;border-radius:4px;justify-content:center;align-items:center;width:18px;height:20px;display:flex}.header-logo-text{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";letter-spacing:-.5px;color:#4648d4;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.header-actions{flex-direction:row;align-items:center;gap:8px;display:flex}.header-bypass-btn{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";cursor:pointer;color:#464554;background:#fff;border:1px solid #c7c4d7;border-radius:6px;padding:6px 12px;font-size:12px;font-style:normal;font-weight:500;line-height:16px;transition:all .2s}.header-bypass-btn:hover{color:#4648d4;background:#f7f9fb;border-color:#4648d4}.header-bypass-label{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#8c8a9a;margin-right:4px;font-size:11px}.header-signup-btn{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";cursor:pointer;color:#fff;background:#4648d4;border:1px solid #4648d4;border-radius:6px;padding:6px 14px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;transition:all .2s}.header-signup-btn:hover{background:#3739b8;border-color:#3739b8}.landing-hero{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:64px;width:100%;max-width:1280px;min-height:694px;padding:80px 32px;display:flex}.hero-left{flex-direction:column;flex:1;align-items:flex-start;gap:24px;max-width:576px;padding:0;display:flex}.hero-title-group{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;padding:0;display:flex}.hero-badge{box-sizing:border-box;color:#4648d4;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";background:#e1e0ff;border:1px solid #c0c1ff;border-radius:9999px;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.hero-badge-icon{background:#4648d4;width:14.67px;height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'%3E%3C/path%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'%3E%3C/path%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat}.hero-heading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";letter-spacing:-1.4px;color:#191c1e;align-self:stretch;margin:0;font-size:56px;font-style:normal;font-weight:700;line-height:64px}.hero-subtitle-container{max-width:512px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.hero-search-wrapper{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:448px;padding:12px 0 0;display:flex}.hero-explore-btn{box-sizing:border-box;height:48px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#fff;cursor:pointer;background:#4648d4;border:none;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-style:normal;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.hero-explore-btn:hover{background:#3a3cb8;transform:translateY(-1px)}.hero-explore-btn:focus-visible{outline-offset:2px;outline:2px solid #4648d4}.hero-explore-hint{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#767586;font-size:13px;font-weight:400;line-height:20px}.hero-right{flex-shrink:0;width:576px;height:432px;position:relative}.hero-blob{opacity:.4;filter:blur(40px);z-index:0;pointer-events:none;background:#e1e0ff;border-radius:9999px;position:absolute;inset:40px -40px -40px 40px}.hero-image-card{box-sizing:border-box;z-index:1;background:#fff;border:1px solid #c7c4d7;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.hero-image-el{object-fit:cover;width:100%;height:100%}.features-section{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:1280px;padding:0 32px 64px;display:flex}.features-header{flex-direction:column;align-items:flex-start;gap:8px;max-width:672px;padding:0;display:flex}.features-heading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";letter-spacing:-.8px;color:#191c1e;margin:0;font-size:32px;font-style:normal;font-weight:700;line-height:40px}.features-subheading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.bento-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.bento-card{box-sizing:border-box;background:#fff;border:1px solid #c7c4d7;border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;min-height:290px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.bento-card-icon-wrapper{box-sizing:border-box;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bento-card-icon{width:20px;height:20px}.bento-card-info{z-index:2;flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;max-width:100%;padding:0;display:flex}.bento-card-title{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;margin:0;font-size:18px;font-style:normal;font-weight:700;line-height:24px}.bento-card-description{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.bento-card.explore-courses{grid-column:span 2;min-height:320px}.explore-courses .bento-card-icon-wrapper{background:#e1e0ff;border:1px solid #c0c1ff}.explore-courses .bento-card-icon{color:#07006c}.explore-courses .bento-card-info{max-width:55%}.explore-graphic-wrapper{box-sizing:border-box;opacity:.8;z-index:1;background:radial-gradient(70.71% 70.71%,#c7c4d7 4.42%,#c7c4d700 4.42%),#eceef0;border:0 solid #c7c4d7;border-width:1px 0 0 1px;border-radius:12px 0 0;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:40px 20px 20px;transition:transform .2s;display:flex;position:absolute;inset:30% 0 0 60%}.bento-card:hover .explore-graphic-wrapper{transform:scale(1.02)}.mock-course-card{box-sizing:border-box;background:#fff;border:1px solid #c7c4d7;border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;width:220px;height:112px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.mock-course-header{flex-direction:row;align-self:stretch;align-items:center;gap:12px;display:flex}.mock-course-icon{color:#fffbff;width:32px;height:32px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";background:#6063ee;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.mock-course-details{flex-direction:column;flex:1;align-items:flex-start;display:flex}.mock-course-code{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;font-size:12px;font-weight:600;line-height:16px}.mock-course-university{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#8c8a9a;font-size:10px;font-weight:400;line-height:12px}.mock-course-tags{flex-direction:row;align-self:stretch;gap:8px;display:flex}.mock-tag-blue{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#54647a;background:#d0e1fb;border-radius:4px;padding:2px 6px;font-size:10px}.mock-tag-orange{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#301400;background:#ffdcc5;border-radius:4px;padding:2px 6px;font-size:10px}.bento-card.access-materials{grid-column:span 1}.access-materials .bento-card-icon-wrapper{background:#d3e4fe;border:1px solid #b7c8e1}.access-materials .bento-card-icon{color:#0b1c30}.access-graphic-list{flex-direction:column;align-self:stretch;gap:8px;width:100%;margin-top:8px;display:flex}.mock-material-item{box-sizing:border-box;background:#f7f9fb;border:1px solid #c7c4d7;border-radius:8px;flex-direction:row;align-self:stretch;align-items:center;gap:12px;padding:10px 12px;display:flex}.mock-file-icon{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.mock-file-icon.pdf{background:#ba1a1a}.mock-file-icon.doc{background:#4648d4}.mock-file-text{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.bento-card.track-progress{grid-column:span 1}.track-progress .bento-card-icon-wrapper{background:#ffdcc5;border:1px solid #ffb783}.track-progress .bento-card-icon{color:#301400}.track-graphic-list{flex-direction:column;align-self:stretch;gap:10px;width:100%;margin-top:8px;display:flex}.mock-track-item{flex-direction:row;align-self:stretch;align-items:center;gap:12px;display:flex}.mock-status-pill{box-sizing:border-box;width:80px;height:26px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";text-align:center;border:1px solid #0000;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:500;display:flex}.mock-status-pill.todo{color:#464554;background:#e6e8ea;border-color:#c7c4d7}.mock-status-pill.progress{color:#301400;background:#ffdcc5;border-color:#ffb783}.mock-status-pill.done{color:#07006c;background:#e1e0ff;border-color:#c0c1ff}.mock-track-text{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;font-size:13px}.mock-track-text.completed{color:#8c8a9a;text-decoration:line-through}.bento-card.community-driven{color:#fff;background:#4648d4;border:1px solid #6063ee;flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;min-height:240px;padding:32px 40px}.community-driven .bento-card-info{color:#fff;max-width:60%}.community-driven .bento-card-title{color:#fff;font-size:28px;line-height:38px}.community-driven .bento-card-description{color:#e1e0ff;font-size:15px;line-height:22px}.community-btn{box-sizing:border-box;min-width:145px;height:44px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#4648d4;cursor:pointer;background:#fff;border:none;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;padding:12.5px 24px 13.5px;font-size:13px;font-style:normal;font-weight:600;transition:background .2s;display:flex;box-shadow:0 1px 2px #0000000d}.community-btn:hover{background:#f7f9fb}.steps-section{box-sizing:border-box;border-top:1px solid #c7c4d7;flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:1280px;padding:64px 32px;display:flex}.steps-header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.steps-heading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";letter-spacing:-.8px;color:#191c1e;margin:0;font-size:32px;font-weight:700;line-height:40px}.steps-subheading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;max-width:672px;font-size:16px;font-weight:400;line-height:24px}.steps-container{width:100%;margin-top:16px;position:relative}.steps-line{z-index:0;background:#c7c4d7;height:1px;position:absolute;top:40px;left:12.5%;right:12.5%}.steps-list{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid;position:relative}.step-item{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.step-icon-wrapper{box-sizing:border-box;color:#4648d4;background:#fff;border:1px solid #c7c4d7;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 1px 2px #0000000d}.step-icon{width:24px;height:24px}.step-content-group{flex-direction:column;align-items:center;gap:8px;display:flex}.step-title{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;margin:0;font-size:18px;font-weight:700;line-height:24px}.step-description{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;max-width:230px;font-size:14px;font-weight:400;line-height:20px}.cta-section{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #c7c4d7;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:calc(100% - 64px);max-width:848px;margin:48px auto;padding:64px 32px;display:flex;box-shadow:0 1px 2px #0000000d}.cta-icon-wrapper{color:#4648d4;background:#e1e0ff;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex}.cta-icon{width:24px;height:24px}.cta-heading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;margin:0;font-size:32px;font-weight:700;line-height:40px}.cta-subheading{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;max-width:420px;font-size:16px;font-weight:400;line-height:24px}.cta-bypass-buttons-title{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#8c8a9a;margin-top:16px;margin-bottom:8px;font-size:13px;font-weight:600}.cta-buttons-container{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.cta-google-btn{box-sizing:border-box;width:240px;height:46px;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#191c1e;cursor:pointer;background:#eceef0;border:1px solid #c7c4d7;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.cta-google-btn:hover{background:#e1e3e5}.google-icon-svg{width:20px;height:20px}.landing-footer{box-sizing:border-box;background:#fff;border-top:1px solid #c7c4d7;flex-direction:column;align-items:flex-start;width:100%;padding:24px 32px;display:flex}.footer-content{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1216px;margin:0 auto;display:flex}.footer-logo{flex-direction:row;align-items:center;gap:12px;height:28px;display:flex}.footer-logo-icon{color:#fff;background:#4648d4;border-radius:4px;justify-content:center;align-items:center;width:18px;height:20px;display:flex}.footer-logo-text{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";letter-spacing:-.5px;color:#4648d4;font-size:20px;font-weight:700;line-height:28px}.footer-links{flex-direction:row;gap:24px;display:flex}.footer-link{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;cursor:pointer;font-size:11px;line-height:14px;text-decoration:none}.footer-link:hover{color:#4648d4}.footer-copyright{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro";color:#464554;font-size:11px;line-height:14px}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.explore-courses{grid-column:span 2}.bento-card.access-materials,.bento-card.track-progress{grid-column:span 1}.bento-card.community-driven{grid-column:span 2}.steps-line{left:16.6%;right:16.6%}}@media (max-width:768px){.landing-hero{text-align:center;flex-direction:column;gap:32px;padding:48px 20px}.hero-left{align-items:center}.hero-badge{align-self:center}.hero-heading{font-size:38px;line-height:46px}.hero-subtitle-container{align-self:center}.hero-right{width:100%;max-width:500px;height:320px}.hero-blob{inset:20px -20px -20px 20px}.bento-grid{grid-template-columns:1fr;gap:16px}.bento-card.explore-courses,.bento-card.access-materials,.bento-card.track-progress,.bento-card.community-driven{grid-column:span 1}.bento-card.explore-courses{min-height:380px}.explore-courses .bento-card-info{max-width:100%}.explore-graphic-wrapper{border-width:1px 0 0;border-radius:0;justify-content:center;width:100%;height:40%;padding:10px;top:60%;left:0;right:0}.mock-course-card{width:80%;height:90%}.community-driven{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.community-driven .bento-card-info{max-width:100%}.steps-list{grid-template-columns:1fr;gap:32px}.steps-line{display:none}.step-description{max-width:100%}.cta-section{width:calc(100% - 32px);margin:24px auto;padding:32px 20px}.cta-heading{font-size:26px;line-height:34px}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:20px}.footer-links{flex-wrap:wrap;justify-content:center}}