.vision-page{background:#fff;min-height:100vh;padding-top:80px}.vision-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);align-items:center;min-height:500px;padding:120px 0;display:flex;position:relative}.vision-hero-content{width:100%}.vision-hero-text{text-align:center;max-width:800px;margin:0 auto}.vision-label{color:#333;letter-spacing:3px;text-transform:uppercase;opacity:.8;margin-bottom:20px;font-size:16px;font-weight:600;display:block}.vision-title{color:#333;letter-spacing:-2px;margin-bottom:40px;font-size:72px;font-weight:700;line-height:1.1}.vision-description{color:#666;font-size:18px;font-weight:400;line-height:1.8}.video-section{width:100%;height:600px;margin:0;padding:0;position:relative;overflow:hidden}.video-container{width:100%;height:100%;position:relative}.background-video{object-fit:cover;z-index:1;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.passion-section{background:#fff;padding:100px 0;position:relative}.passion-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.passion-text-left{padding-right:40px}.passion-title{color:#4a90e2;flex-direction:column;gap:10px;font-size:48px;font-weight:700;line-height:1.2;display:flex}.passion-title .line1,.passion-title .line2{letter-spacing:-1px;display:block}.passion-text-right{align-items:center;padding-left:40px;display:flex}.passion-description{color:#333;font-size:16px;font-weight:400;line-height:1.8}.vision-points-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:100px 0}.vision-points-header{text-align:left;margin-bottom:60px}.vision-points-title{color:#333;letter-spacing:-1px;margin-bottom:10px;font-size:48px;font-weight:700}.vision-points-subtitle{color:#333;letter-spacing:-.5px;margin-bottom:30px;font-size:36px;font-weight:600}.vision-points-description{color:#666;margin-bottom:0;font-size:16px;line-height:1.8}.vision-points-grid{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;margin:0 auto;display:grid}.vision-point-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:40px;transition:all .3s;position:relative;box-shadow:0 4px 20px #00000014}.vision-point-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.vision-point-label{color:#4a90e2;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:600}.vision-point-title{color:#333;letter-spacing:-.5px;margin-bottom:20px;font-size:32px;font-weight:700}.vision-point-text{color:#666;margin:0;font-size:15px;line-height:1.8}.promise-section{background:linear-gradient(135deg,#4a90e2 0%,#6ba7ff 100%);padding:120px 0;position:relative;overflow:hidden}.promise-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.promise-wrapper{width:100%;position:relative}.promise-line-full{z-index:1;background:#fff6;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.promise-line-glow{background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%);width:50%;height:100%;animation:3s ease-in-out infinite glowMove;position:absolute;top:0;left:-100%}@keyframes glowMove{0%{left:-50%}to{left:150%}}.promise-line-pulse{background:#ffffff4d;border-radius:3px;height:6px;animation:2s ease-in-out infinite pulse;position:absolute;top:-2px;left:0;right:0}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(.3)}50%{opacity:.6;transform:scaleY(1)}}.promise-container{z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 20px;position:relative}.promise-content{justify-content:space-between;align-items:center;min-height:100px;display:flex;position:relative}.promise-item{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.promise-circle-wrapper{z-index:4;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promise-circle-outer{background:#ffffffe6;border:3px solid #fff;border-radius:50%;width:30px;height:30px;animation:2s ease-in-out infinite circleScale;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #fff9}@keyframes circleScale{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #fff9}50%{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 30px #ffffffe6}}.promise-circle-inner{background:#4a90e2;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite innerPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes innerPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(.7)}}.promise-text{color:#fff;letter-spacing:.5px;cursor:pointer;white-space:nowrap;z-index:5;background:#4a90e2e6;border:2px solid #fffc;border-radius:50px;padding:15px 40px;font-size:20px;font-weight:500;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.promise-text:before{content:"";background:#fff3;border-radius:50px;width:100%;height:100%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.promise-text:hover:before{transform:translate(-50%,-50%)scale(2)}.promise-text:hover{background:#4a90e2;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.promise-item:hover .promise-circle-outer{background:#fff;animation-play-state:paused;transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 40px #fff}.promise-item:hover .promise-circle-inner{background:#3a7ed2;animation-play-state:paused;transform:translate(-50%,-50%)scale(1.2)}@media (max-width:1200px){.vision-title{font-size:60px}.passion-title{font-size:40px}.passion-content{gap:60px}.vision-points-title{font-size:42px}.vision-points-subtitle{font-size:32px}.promise-section{padding:100px 0}}@media (max-width:1024px){.vision-hero{padding:100px 0}.vision-title{font-size:52px}.vision-description{font-size:16px}.passion-section{padding:80px 0}.passion-content{text-align:center;grid-template-columns:1fr;gap:40px}.passion-text-left,.passion-text-right{padding:0}.passion-title{align-items:center;font-size:36px}.passion-description{max-width:600px;margin:0 auto}.vision-points-section{padding:80px 0}.vision-points-grid{grid-template-columns:1fr;gap:25px}.vision-points-title{font-size:38px}.vision-points-subtitle{font-size:28px}.promise-section{padding:80px 0}.promise-content{flex-direction:column;gap:80px}.promise-line-full{width:2px;height:100%;inset:0 auto 0 50%;transform:translate(-50%)}.promise-line-glow{background:linear-gradient(#0000 0%,#fff 50%,#0000 100%);width:100%;height:50%;animation:3s ease-in-out infinite glowMoveVertical;top:-100%;left:0}@keyframes glowMoveVertical{0%{top:-50%}to{top:150%}}.promise-line-pulse{width:6px;height:100%;animation:2s ease-in-out infinite pulseHorizontal;inset:0 auto 0 -2px}@keyframes pulseHorizontal{0%,to{opacity:.3;transform:scaleX(.3)}50%{opacity:.6;transform:scaleX(1)}}.promise-text{font-size:18px}}@media (max-width:768px){.vision-page{padding-top:60px}.vision-hero{text-align:left;padding:60px 20px}.vision-title{text-align:left;font-size:36px}.vision-description{text-align:left;margin-top:15px;padding:0;font-size:15px}.vision-description br{display:none}.passion-section{padding:60px 20px}.passion-title{text-align:left;font-size:28px}.passion-description{text-align:left;font-size:14px}.vision-points-section{padding:60px 20px}.vision-points-header{text-align:left}.vision-points-title{text-align:left;font-size:32px}.vision-points-subtitle{text-align:left;font-size:24px}.vision-points-description{text-align:left;font-size:14px}.promise-section{padding:60px 20px}}@media (max-width:480px){.vision-page{padding-top:70px}.vision-hero{min-height:400px;padding:80px 0}.vision-label{letter-spacing:2px;font-size:14px}.vision-title{margin-bottom:30px;font-size:42px}.vision-description{padding:0 20px;font-size:15px}.vision-description br{display:none}.passion-section{padding:60px 0}.passion-description{padding:0 20px;font-size:14px}.passion-description br{display:none}.vision-points-header{margin-bottom:40px}.vision-points-subtitle{margin-bottom:20px;font-size:24px}.vision-points-description{padding:0 20px;font-size:14px}.vision-hero{padding:60px 0}.video-section{height:300px}.vision-title{font-size:36px}.vision-description{font-size:14px}.passion-title{font-size:24px}.passion-description{font-size:13px}.vision-points-section{padding:50px 0}.vision-points-title{font-size:28px}.vision-points-subtitle{font-size:20px}.vision-points-description{font-size:13px}.vision-point-card{padding:25px}.vision-point-label{font-size:12px}.vision-point-title{font-size:22px}.vision-point-text{font-size:13px}.promise-section{padding:50px 0}.promise-text{padding:10px 25px;font-size:14px}}