body{font-family:SpoqaHanSansNeo,sans-serif;background-color:#ffffff;color:#333333;margin:0 auto}*,:after,:before,body{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(40px)}.fade-in-up.is-visible{animation:fadeInUp .8s ease-out forwards}.fade-in-up-delay-1.is-visible,.fade-in-up-delay-2.is-visible{animation-delay:.2s}h1,h2,h3,h4,h5,h6,p{margin:0}.container{max-width:1240px;margin:0 auto}.feature-section{display:flex;align-items:center;padding:120px 0;position:relative}.section-content{display:flex;align-items:center;gap:20px;width:100%}.section-content.reverse{flex-direction:row-reverse}.text-content{flex:1;min-width:300px}.section-icon{width:40px;height:40px;margin-bottom:20px}.section-2 .section-icon{display:inline-block}.overlay-ui img{width:100%;height:100%}.heading{font-size:44px;font-weight:700;line-height:140%;margin-bottom:20px;color:#111111;letter-spacing:-.5px}.description{font-size:18px;line-height:150%;color:#666666;font-weight:400}.visual-content{flex:1;position:relative;min-width:300px}.gradient-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(187,217,240,.3),rgba(135,206,250,.2));z-index:0}.visual-image{position:relative;z-index:2;width:610px;height:512px}.visual-image img{width:100%;height:auto;border-radius:12px}.overlay-ui{position:absolute;z-index:3}.ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ui-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease}.ui-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ui-card img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.ui-card-info{flex:1}.ui-card-name{font-size:14px;font-weight:600;color:#333}.ui-card-title{font-size:12px;color:#666;margin-top:4px}.section-1 .gradient-circle{width:510px;height:510px;top:-235px;right:-220px;background:linear-gradient(180deg,#135796,rgba(63,131,194,0));opacity:.2}.section-1 .overlay-ui{position:absolute;bottom:-75px;left:-210px;width:515px;height:300px;z-index:10;border-radius:16px}.section-1 .overlay-ui .gradient-circle{width:186px;height:186px;top:200px;right:380px;background:linear-gradient(180deg,#135796,rgba(63,131,194,0));opacity:.2;transform:rotate(120deg);z-index:-1}.section-1 .visual-image{margin-right:0}.section-1 .visual-image img{border-radius:16px}.section-2 .gradient-circle{width:472px;height:472px;bottom:-235px;left:-220px;background:linear-gradient(180deg,#135796,rgba(63,131,194,0));opacity:.2;transform:rotate(-90deg)}.section-2 .overlay-top-left{position:absolute;top:-56px;left:-40px;width:302px;height:149px;z-index:10}.section-2 .overlay-bottom-right{position:absolute;bottom:-90px;right:-58px;width:372px;height:183px;z-index:10}.section-2 .visual-image{margin-left:0;height:406px}.section-2 .visual-image img{border-radius:16px}.section-2 .text-content{text-align:right}.section-3.feature-section{min-height:1080px;align-items:flex-start}.section-3 .gradient-circle{width:329px;height:329px;bottom:-330px;left:-200px;background:linear-gradient(180deg,#135796,rgba(63,131,194,0));opacity:.2;transform:rotate(-90deg)}.section-3 .overlay-ui{position:absolute;bottom:-205px;left:-125px;width:260px;height:563px;z-index:10}.section-3 .visual-image{margin-right:0}.section-3 .visual-image img{border-radius:16px}.mobile-ui{display:flex;flex-direction:column;gap:8px}.mobile-card{background:linear-gradient(135deg,#f8f9fa,#ffffff);padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease}.mobile-card:hover{transform:scale(1.02)}.mobile-card-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:flex;align-items:center;justify-content:center}.hero-section{position:relative;width:100%;min-height:620px;z-index:2;background-image:url(/images/intro/image_banner.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:50%;left:0;width:60%;display:flex;align-items:center;padding-left:340px;transform:translateY(-50%)}.hero-content{color:#ffffff}.hero-title{font-size:44px;font-weight:700;line-height:140%;margin:0 0 16px}.hero-subtitle{font-size:20px;line-height:150%;font-weight:400}.hero-brand{font-weight:600;opacity:1}.cta-section{position:relative;background-image:url(/images/intro/image_footer.png);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cta-content{max-width:800px;text-align:center;position:relative;z-index:2;padding:40px 20px}.cta-title{font-size:44px;font-weight:700;color:#ffffff;margin-bottom:30px;line-height:140%;letter-spacing:-.75px}.cta-buttons{display:flex;gap:16px;justify-content:center}.cta-button{display:inline-block;color:#ffffff;padding:16px 48px;border-radius:8px;text-decoration:none;font-size:18px;font-weight:600;border:2px solid #ffffff;transition:all .3s ease;width:240px}.cta-button.btn-login{background-color:#ffffff;color:#000000}.cta-button:hover{background-color:#004080;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.cta-button.btn-login:hover{background-color:#ffffff;color:#000000}.footer{background-color:#333333;color:#aaaaaa;padding:41px 0}.footer-content{max-width:1240px;margin:0 auto}.footer-info{margin-bottom:24px;line-height:150%;font-size:16px;font-weight:400}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #666666}.footer-email{font-size:16px;color:#aaaaaa;text-decoration:underline;font-weight:500}.footer-links{display:flex;gap:12px;font-size:16px}.footer-links a{color:#aaaaaa;text-decoration:none;opacity:.9;transition:opacity .2s ease;font-weight:500}.footer-links a:hover{opacity:1}.footer-info-item{display:flex;flex-direction:row;align-items:center;gap:12px}.footer-info-item span{position:relative}.footer-info-item span:first-child:after{display:none}.footer-info-item span:after{content:"";position:absolute;bottom:6px;left:-6px;width:1px;height:12px;background-color:#aaaaaa}@media (max-width:1536px){.section-1 .gradient-circle{width:380px;height:380px;top:-195px;right:-120px}.section-2 .gradient-circle{width:332px;height:332px;bottom:-195px;left:-120px}}@media (max-width:1024px){.hero-overlay{width:70%;padding:60px}.hero-title{font-size:44px}.hero-subtitle{font-size:18px}.hero-section{height:500px!important}.heading{font-size:36px}.section-content{gap:40px}.section-1{padding-top:90px!important}.container{padding:0 30px}.feature-section{padding:0 0 90px}.section-1 .visual-image,.section-2 .visual-image,.section-3 .visual-image{margin:0;width:100%;height:auto}.overlay-ui{display:none}.section-2 .text-content{text-align:left}.footer{padding:30px!important}.cta-section{min-height:350px}.cta-title{font-size:40px}.gradient-circle{display:none}.section-3.feature-section{min-height:auto}}@media (max-width:768px){.hero-section{min-height:500px}.hero-image{height:500px}.hero-overlay{width:100%;padding:40px 30px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-content{gap:30px}.section-content,.section-content.reverse{flex-direction:column!important}.heading{font-size:36px;margin-bottom:20px}.description{font-size:16px}.section-1{padding-top:60px!important}.feature-section{padding:60px 0}.text-content,.visual-content{width:100%}.gradient-circle{display:none}.section-1 .gradient-circle{display:block;width:320px;height:320px;top:-450px;right:-110px}.overlay-ui{position:static;width:100%;margin-top:20px}.visual-image{margin:0!important}.cta-section{min-height:300px}.cta-title{font-size:32px;margin-bottom:24px}.cta-button{padding:14px 36px;font-size:16px}.footer{padding:40px 20px 30px}.footer-links{flex-direction:column;gap:12px}.footer-info-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px}.footer-info-item span:after{display:none}.footer-info-item:last-child{padding-top:6px}.footer-links{flex-direction:row}}@media (max-width:480px){.header{padding:18px 20px}.logo-icon{width:90px;height:24px}.container{padding:0 20px}.hero-title{font-size:28px;margin-bottom:10px}.hero-subtitle{font-size:16px}.hero-section{min-height:299px!important;height:299px!important;background-image:url(/images/intro/image_banner_mobile.png)}.hero-overlay{padding-left:20px}.hero-image{height:299px!important}.section-1{padding-top:60px!important}.feature-section{padding:0;padding-bottom:60px!important}.section-1 .gradient-circle{width:200px;height:200px;top:-340px;right:-70px}.section-3.feature-section{min-height:auto}.heading{font-size:24px;margin-bottom:10px}.description{font-size:16px}.ui-grid{grid-template-columns:1fr}.cta-section{min-height:440px;background-position:-70px 0}.cta-title{font-size:28px;margin-bottom:30px}.cta-content{padding:37px 20px}.cta-buttons{flex-direction:column;gap:17px;justify-content:center;align-items:center}.cta-button{font-size:18px;width:180px}.visual-image{height:auto!important}.footer{padding:40px 20px!important}.footer-info{margin-bottom:20px}.footer-email,.footer-info,.footer-links{font-size:14px}.footer-links{flex-direction:row}.footer-bottom{padding-top:20px}.footer-links a{font-size:14px}}