.card[data-v-c547c612]{justify-content:space-between;padding:12px;gap:24px;position:absolute;width:274px;height:108px;box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16)}.card-container[data-v-c547c612],.card[data-v-c547c612]{display:flex;align-items:center;background:#fff;border-radius:16px}.card-container[data-v-c547c612]{padding:12px 16px;gap:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:auto}.card-icon img[data-v-c547c612]{width:48px;height:48px}.card-content h3[data-v-c547c612]{font-size:1.1rem;font-weight:600;margin:0;color:#23242a;white-space:nowrap}.card-text[data-v-c547c612]{display:flex;flex-direction:column;align-items:center;gap:16px;flex-grow:1}.title[data-v-c547c612]{font-family:Inter,sans-serif;font-weight:700;font-size:1.2rem;color:#0e0e0e;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#343434;overflow-x:hidden}.main-container,body{background-color:#fff}.main-container{position:relative;width:100%;min-height:100vh;margin:0 auto;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}.logo{height:40px}.language-switch{display:flex;gap:24px;align-items:center}.btn{background:#fff;color:#343434;border-radius:80px;border:none;padding:13px 37px;cursor:pointer;font-size:16px}.btn.active{background:#052dc1;color:#fff}.heading-section{text-align:center;margin:60px 0;padding:0 20px}.heading-section h1{font-size:3rem;font-weight:700;color:#343434}.highlight{color:#052dc1}.heading-section p{font-size:1.5vw;color:#464646;margin:20px 0}.start-btn{background:#052dc1;color:#fff;font-size:1.2rem;padding:12px 32px;border-radius:80px;border:none;cursor:pointer}.role-buttons{gap:24px;margin-top:20px}.role-btn,.role-buttons{display:flex;justify-content:center;align-items:center}.role-btn{flex-direction:column;width:120px;height:120px;border:none;border-radius:12px;cursor:pointer;background-color:#fff;transition:all .3s ease-in-out;box-shadow:0 4px 8px rgba(0,0,0,.1);font-size:14px;font-weight:500;color:#052dc1}.role-btn.active{background-color:#052dc1;color:#fff}.role-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.2)}.role-icon{width:48px;height:48px;margin-bottom:12px}@media (max-width:768px){.role-btn{width:100px;height:100px;font-size:14px}.role-icon{width:36px;height:36px}}.phone-container{position:relative;width:300px;margin:0 auto}.phone-frame{position:relative;z-index:1}.phone-frame img{width:100%;height:auto;border-radius:16px}.phone-container.teacher{width:700px}.phone-container.teacher img{width:100%;box-shadow:0 8px 10px rgba(0,0,0,.3)}@keyframes jump-sway{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(-10px)}50%{transform:translateY(0) translateX(0)}75%{transform:translateY(-20px) translateX(10px)}}.card{position:absolute;animation:jump-sway 6s ease-in-out infinite;transform-origin:center;z-index:2}.materials{top:20%;left:-70%;transform:translateX(-50%);animation-delay:0s}.proforientation{top:40%;right:-60%;transform:translateX(50%);animation-delay:.2s}.ai-consultant{bottom:0;left:-30%;transform:translateX(-50%);animation-delay:.5s}@media (min-width:400px){.card.materials{top:10%;left:-50%}.card.proforientation{top:30%;right:-40%}.card.ai-consultant{bottom:10%;left:-20%}}.mobile-application-section{text-align:center;margin-top:50px}.mobile-application-title{font-size:4rem;font-weight:700;color:#23242a;margin-bottom:40px;text-align:center}.card-container{gap:16px}.card-container,.cardInfo{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.cardInfo{width:100%;max-width:350px;height:500px;border-radius:32px;box-shadow:0 8px 16px rgba(0,0,0,.2);text-align:center;background-size:cover;background-position:50%;opacity:1;transition:transform .8s ease,opacity .8s ease}.animated-card{opacity:0;transform:scale(.8);position:fixed;z-index:10;transition:opacity .8s ease,transform 1.2s ease}.animated-card:first-of-type{top:-10%;left:-10%;transform:translate(-100%,-100%) scale(.8)}.animated-card:nth-of-type(3){top:-10%;right:-10%;transform:translate(100%,-100%) scale(.8)}.animated-card.visible{opacity:1;transform:translate(30%) scale(1);position:relative;transition:transform 1.2s ease,opacity .8s ease}.animated-card:nth-of-type(3).visible{transform:translate(-30%) scale(1)}.cardInfo.blue{background:url(/img/glass1.49278de6.png) no-repeat 50%/cover}.cardInfo.red{background:url(/img/glass2.765c2323.png) no-repeat 50%/cover}.cardInfo.purple{background:url(/img/glass3.514d787f.png) no-repeat 50%/cover}.cardInfo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.cardInfo.blue:after{background:linear-gradient(0deg,rgba(0,122,255,.5) 0,rgba(0,122,255,.2) 70%,transparent)}.cardInfo.red:after{background:linear-gradient(0deg,hsla(0,70%,72%,.5) 0,hsla(0,59%,72%,.2) 70%,transparent)}.cardInfo.purple:after{background:linear-gradient(0deg,rgba(79,55,138,.4) 0,rgba(79,55,138,.2) 70%,transparent)}.blue-title{color:#0b56a7}.blue-title,.red-title{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;z-index:2}.red-title{color:#bc3b3b}.purple-title{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;color:#442e7c;z-index:2}.card-image{position:absolute;top:12%;width:70%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:16px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:0}@media (max-width:768px){.mobile-application-title{font-size:3rem}.card-container{flex-direction:column}.cardInfo{max-width:300px;height:450px}.card-image{width:60%}.card-title{font-size:1.8rem;bottom:30px}}@media (max-width:480px){.cardInfo{max-width:100%;height:400px}.card-image{width:50%}.card-title{font-size:1.5rem;bottom:20px}}.logo-text-container{display:flex;align-items:center;gap:16px;margin-bottom:12px}.feature-logo{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.third-frame{display:flex;flex-direction:column;align-items:flex-start;gap:48px;padding:36px;background:#fff;box-shadow:12px 10px 80px 20px rgba(0,0,0,.03);border-radius:48px;max-width:1240px;margin:50px auto}.frame-header-left{text-align:left;max-width:1176px}.frame-header-left h2{font-family:Inter,sans-serif;font-size:48px;font-weight:600;color:#000}.frame-header-left p{font-size:20px;color:#8e8e93;line-height:1.4;margin-top:16px}.features-container-vertical{display:flex;flex-direction:column;gap:40px;width:100%}.feature-card-vertical{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:36px;gap:40px;background:#f9f9f9;border-radius:24px;width:1176px;box-shadow:0 8px 16px rgba(0,0,0,.05)}.feature-card-vertical.reverse-layout{flex-direction:row-reverse}.gradient-container{display:flex;justify-content:center;align-items:center;width:401px;height:356px;border-radius:48px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;position:relative}.gradient-blue{background:linear-gradient(135deg,#9bffcf,#53c6ff)}.gradient-orange{background:linear-gradient(135deg,#ffdbb5,#ff9d82)}.gradient-purple{background:linear-gradient(135deg,#76acf7,#6943dd)}.clipped-image1{left:60px}.clipped-image1,.clipped-image2{position:absolute;width:815px;height:568px;bottom:-228px}.clipped-image2{right:60px}.clipped-image3{position:absolute;width:815px;height:568px;right:60px;top:-50px}.mobile-screenshot{width:280px;height:584px;-o-object-fit:cover;object-fit:cover;position:absolute;top:46px;left:66px}.feature-content{display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:663px}.feature-content h3{font-family:Inter,sans-serif;font-weight:700;font-size:32px;color:#000}.feature-content p{font-family:Inter,sans-serif;font-size:20px;line-height:1.6;color:rgba(0,0,0,.6)}@media (max-width:768px){.feature-card-vertical{flex-direction:column;text-align:center}.feature-card-vertical.reverse-layout{flex-direction:column}.gradient-container{width:100%;height:300px}.mobile-screenshot{width:80%}}.company-section{display:flex;flex-direction:column;align-items:center;gap:42px;padding:32px;text-align:center;margin:0 auto}.company-section h2{font-family:Inter,sans-serif;font-weight:600;font-size:52px;line-height:160%;letter-spacing:-.03em;color:#23242a;margin:0}.logo-frame{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:80px;padding:0;max-width:1240px;margin:0 auto}.logo-frame img{height:48px;-o-object-fit:contain;object-fit:contain}@media (max-width:1024px){.company-section h2{font-size:40px}.logo-frame{gap:40px}}@media (max-width:768px){.company-section h2{font-size:32px}.logo-frame{gap:20px}}@media (max-width:480px){.company-section h2{font-size:28px}.logo-frame img{height:36px}}.advantages-section{display:flex;flex-direction:column;align-items:center;padding:48px;gap:32px;max-width:1240px;margin:0 auto;background:#fff;box-shadow:12px 10px 80px 20px rgba(0,0,0,.03);border-radius:48px;text-align:center}.advantages-section h2{font-family:Inter,sans-serif;font-weight:600;font-size:48px;color:#000;margin-bottom:16px}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;width:100%}.advantage-card{display:flex;flex-direction:column;justify-content:flex-start;padding:24px;background:hsla(0,0%,75%,.09);border-radius:24px;text-align:left;box-shadow:0 8px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.advantage-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.advantage-card h3{font-family:Inter,sans-serif;font-weight:600;font-size:32px;color:#171717;margin-bottom:12px}.advantage-card p{font-family:Inter,sans-serif;font-weight:400;font-size:20px;line-height:1.6;color:#6c6c6c}@media (max-width:768px){.advantages-section h2{font-size:32px}.advantage-card h3{font-size:28px}.advantage-card p{font-size:18px}}.download-section{position:relative;width:100%;max-width:1240px;margin:64px auto;border-radius:20px;overflow:hidden;background:url(/img/background.fbb8a80e.jpeg) no-repeat 50%/cover}.download-content{display:flex;align-items:center;justify-content:space-between;padding:40px 60px;position:relative}.text-qr{flex-direction:column;max-width:70%}.qr-sign,.text-qr{display:flex;gap:40px}.qr-sign{flex-direction:row;align-items:center;max-width:90%}.text-qr h2{font-weight:600;font-size:64px;line-height:1.2}.text-qr h2,.text-qr p{font-family:Inter,sans-serif;color:#fff;margin:0}.text-qr p{font-size:18px;line-height:1.5}.qr-code img{width:205px;height:205px;border-radius:12px;background-color:#fff;padding:5px}.hand-phone{position:absolute;right:0;bottom:200px;right:-200px;max-width:50%;max-height:50%}.hand-phone img{max-width:100%;height:auto}@media (max-width:1024px){.download-content{flex-direction:column;text-align:center}.text-qr{max-width:100%}.hand-phone{position:relative;bottom:0}}@media (max-width:768px){.text-qr h2{font-size:36px}.qr-code img{width:100px}}@media (max-width:480px){.text-qr h2{font-size:28px}}.footer{background-color:#fff;border-top:1px solid #d7dae2;border-radius:56px 56px 0 0;padding:80px 120px;align-items:flex-start}.footer,.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-container{width:100%}.footer-contact{flex:1 1 50%;max-width:590px;display:flex;flex-direction:column;gap:16px}.footer-title{font-size:24px;font-weight:700;color:#2b2d33}.footer-body,.footer-detail{font-size:14px;color:#555a65;line-height:1.6}.footer-link{color:#052dc1;text-decoration:none;font-weight:500}.footer-link:hover{text-decoration:underline}.footer-info{flex:1 1 30%;display:flex;flex-direction:column;gap:24px;align-items:flex-end}.footer-logo{font-size:32px;font-weight:700;font-style:italic;color:#27272e;letter-spacing:-2px}.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:#27272e}.social-links{display:flex;gap:20px}.social-icon img{width:24px;height:24px;transition:transform .3s ease}.social-icon img:hover{transform:scale(1.1)}@media (max-width:768px){.footer{padding:40px 20px}.footer-container{flex-direction:column;align-items:center;gap:32px}.footer-contact,.footer-info{align-items:center;text-align:center}}