:root{--primary-orange:#f60;--primary-blue:#06c;--dark-blue:#004c97;--light-orange:#fff0e5;--light-blue:#e6f0ff;--dark-text:#333;--light-text:#666;--background-light:#f8f9fa;--background-white:#fff;--shadow:0 4px 12px rgba(0,0,0,0.08);--border-radius:8px}
*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei','Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
body{color:var(--dark-text);line-height:1.6;background-color:var(--background-white);overflow-x:hidden}
h1,h2,h3,h4{font-weight:700;line-height:1.3;margin-bottom:1rem}
h1{font-size:2.5rem}
h2{font-size:2rem;text-align:center;margin-bottom:2rem}
p{margin-bottom:1.5rem;color:var(--light-text)}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}
section{padding:2rem 0}
button{cursor:pointer;border:0;border-radius:var(--border-radius);font-weight:600;transition:all .3s ease}
.primary-cta{background-color:var(--primary-orange);color:white;padding:1rem 2rem;font-size:1.1rem}
.primary-cta:hover{background-color:#e55a00;transform:translateY(-2px);box-shadow:var(--shadow)}
.secondary-cta{background-color:transparent;color:var(--primary-blue);padding:1rem 2rem;font-size:1.1rem;border:2px solid var(--primary-blue)}
.secondary-cta:hover{background-color:rgba(0,102,204,0.1)}
.slider-section{position:relative;height:500px;overflow:hidden}
.slider-item{height:500px;background-size:cover;background-position:center;display:flex;align-items:center;position:relative}
.slider-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
.slider-content{position:relative;z-index:2;color:white;max-width:600px;padding:0 2rem}
.slider-content h2{font-size:2.5rem;text-align:left;margin-bottom:1rem}
.slider-content p{font-size:1.2rem;color:rgba(255,255,255,0.9);margin-bottom:2rem}
.user-role-selection{background-color:var(--light-blue);padding:2rem 0}
.role-cards{display:flex;justify-content:center;gap:2rem}
.role-card{background:white;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);text-align:center;transition:transform .3s ease;cursor:pointer;width:400px}
.role-card.active,.role-card:hover{transform:translateY(-5px);border:2px solid var(--primary-orange)}
.role-card .icon{width:80px;height:80px;background:var(--light-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.role-card .icon i{font-size:2.5rem;color:var(--primary-orange)}
.role-card h3{color:var(--primary-blue);margin-bottom:1rem}
.value-proposition{background-color:var(--background-white)}
.value-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.card{background:var(--background-white);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);text-align:center;transition:transform .3s ease}
.card:hover{transform:translateY(-5px)}
.card .icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-orange)}
.card h3{color:var(--primary-blue);margin-bottom:1rem}
.platform-section{background-color:var(--light-blue)}
.platform-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.platform-image{height:300px;background:linear-gradient(45deg,var(--primary-blue),var(--dark-blue));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:white}
.platform-image i{font-size:5rem}
.platform-features{list-style:none}
.platform-features li{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}
.platform-features li i{color:var(--primary-orange);font-size:1.5rem}
.services-section{background-color:var(--background-white)}
.services-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}
.service-tab{padding:1rem 2rem;background:white;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);border:1px solid #eee}
.service-tab.active,.service-tab:hover{background:var(--primary-blue);color:white}
.services-content{display:none}
.services-content.active{display:block}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.service-card{background:var(--background-white);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);text-align:center;transition:transform .3s ease}
.service-card:hover{transform:translateY(-5px)}
.service-card .icon{width:80px;height:80px;background:var(--light-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.service-card .icon i{font-size:2.5rem;color:var(--primary-orange)}
.service-card h3{color:var(--primary-blue);margin-bottom:1rem}
.financial-solutions{background-color:var(--light-blue)}
.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}
.solution-card{background:var(--background-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease;display:flex;height:350px}
.solution-card:hover{transform:translateY(-5px)}
.icon-container{width:30%;background:var(--light-orange);display:flex;align-items:center;justify-content:center;position:relative}
.icon-container::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 30px 30px 0;border-color:transparent var(--primary-orange) transparent transparent}
.icon-container i{font-size:3.5rem;color:var(--primary-orange)}
.solution-content{width:70%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center}
.solution-content h3{color:var(--dark-blue);margin-bottom:1rem;font-size:1.5rem}
.solution-content p{color:var(--light-text);margin-bottom:1rem}
.benefits-list{list-style:none}
.benefits-list li{margin-bottom:.5rem;display:flex;align-items:center}
.benefits-list li::before{content:'✓';color:var(--primary-orange);font-weight:bold;margin-right:.5rem}
.testimonials{background-color:var(--background-white)}
.testimonial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.testimonial-card{background:white;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}
.testimonial-text{font-style:italic;margin-bottom:1.5rem;position:relative;padding-left:2rem}
.testimonial-text::before{content:"";position:absolute;left:0;top:-10px;font-size:3rem;color:var(--primary-orange);font-family:Georgia,serif}
.testimonial-author{display:flex;align-items:center;gap:1rem}
.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,var(--primary-blue),var(--primary-orange));display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}
.onboarding-process{background:linear-gradient(to right,var(--light-blue),var(--light-orange));text-align:center}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}
.step{background:white;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative}
.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:var(--primary-orange);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem}
.process-cta{margin-top:2rem}
.process-cta button{background:var(--primary-blue);color:white;padding:1rem 2.5rem;font-size:1.1rem}
.final-cta{background:var(--primary-blue);color:white;text-align:center;padding:4rem 0}
.final-cta h2{color:white}
.final-cta p{color:rgba(255,255,255,0.9);margin-bottom:2rem}
.final-cta button{background:white;color:var(--primary-blue);padding:1rem 2.5rem;font-size:1.1rem}
.final-cta button:hover{background:#f0f0f0;transform:scale(1.05)}
.platform-video{position:relative;height:300px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}
.platform-video video{width:100%;height:100%;object-fit:cover;background:linear-gradient(45deg,var(--primary-blue),var(--dark-blue))}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;color:white;transition:background .3s ease}
.video-overlay:hover{background:rgba(0,0,0,0.1)}
.play-button{width:70px;height:70px;background:rgba(255,102,0,0.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.8rem}
.play-button:hover{background:var(--primary-orange);transform:scale(1.1)}
.platform-features{list-style:none}
.platform-features li{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}
.platform-features li i{color:var(--primary-orange);font-size:1.5rem}
@media(max-width:768px){header{flex-direction:column;padding:1rem}
nav ul{margin:1rem 0;gap:1rem;flex-wrap:wrap;justify-content:center}
.header-right{flex-direction:column;gap:1rem;width:100%;margin-top:1rem}
.language-switcher{width:100%}
.language-btn{width:100%;justify-content:center}
.language-options{width:100%;right:auto;left:0}
.auth-buttons{width:100%;justify-content:center}
.role-cards{flex-direction:column;align-items:center}
.slider-content{text-align:center}
.slider-content h2{text-align:center}
.platform-content{grid-template-columns:1fr}
.services-tabs{flex-direction:column}
.solutions-grid{grid-template-columns:1fr}
.solution-card{flex-direction:column;height:auto}
.icon-container,.solution-content{width:100%}
.icon-container{height:150px}
}