*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
body{background:linear-gradient(135deg,#f5f7fa 0,#e4e8f0 100%);color:#2d3748;line-height:1.6;min-height:100vh;padding:20px}
.container{max-width:1200px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:30px}
.logo{display:flex;align-items:center}
.logo img{height:40px;margin-right:12px}
.logo h1{font-size:24px;color:#2c5282;font-weight:700}
.language-selector{display:flex;align-items:center}
.language-selector select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;background:white;color:#4a5568;font-size:14px}
.hero{position:relative;height:600px;overflow:hidden}
.carousel{position:relative;width:100%;height:100%}
.carousel-inner{width:100%;height:100%;position:relative}
.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;display:flex;align-items:center;background-size:cover;background-position:center}
.carousel-slide.active{opacity:1;z-index:1}
.carousel-slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:0}
.slide-content{position:relative;z-index:2;color:white;max-width:600px;padding:0 2rem}
.carousel-controls{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10}
.carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:background .3s ease}
.carousel-dot.active{background:white}
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 2rem;z-index:10}
.carousel-nav button{background:rgba(255,255,255,0.3);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background .3s ease}
.carousel-nav button:hover{background:rgba(255,255,255,0.5)}
.main-content{display:flex;flex-wrap:wrap;gap:30px}
.application-container{flex:2;min-width:300px;background:white;border-radius:16px;padding:35px;box-shadow:0 10px 25px rgba(0,0,0,0.08)}
.application-header{text-align:center;margin-bottom:30px}
.application-header h2{font-size:28px;color:#2c5282;margin-bottom:10px;font-weight:700}
.application-header p{color:#718096;font-size:16px}
.highlight{color:#4299e1;font-weight:600}
.form-group{margin-bottom:24px}
.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:15px}
.form-group input,.form-group select{width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s}
.form-group input:focus,.form-group select:focus{border-color:#4299e1;outline:0;box-shadow:0 0 0 3px rgba(66,153,225,0.2)}
.phone-input-group{display:flex;gap:10px}
.country-code-container{position:relative;width:120px;flex-shrink:0}
.country-code-select{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:10px;background:white;cursor:pointer;transition:all .3s}
.country-code-select:hover{border-color:#cbd5e0}
.country-code-select span{font-size:16px;color:#4a5568}
.country-code-select i{color:#718096;transition:transform .3s}
.country-code-dropdown{position:absolute;top:100%;left:0;width:300px;max-height:300px;overflow-y:auto;background:white;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);z-index:100;display:none;margin-top:5px}
.country-code-dropdown.active{display:block}
.country-search{padding:12px;border-bottom:1px solid #e2e8f0}
.country-search input{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}
.country-list{list-style:none;padding:0;margin:0}
.country-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background .2s}
.country-item:hover{background:#f7fafc}
.country-flag{width:24px;height:18px;margin-right:10px;object-fit:cover;border-radius:2px}
.country-name{flex:1;font-size:14px;color:#4a5568}
.country-code{font-size:14px;color:#718096}
.mobile-number-input{flex:1}
.verification-code{display:flex;gap:12px}
.verification-code input{flex:1}
.send-code-btn{padding:0 20px;background:#edf2f7;color:#2c5282;border:0;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}
.send-code-btn:hover{background:#e2e8f0}
.amount-slider{margin-top:15px}
.amount-display{display:flex;justify-content:space-between;margin-bottom:10px}
.selected-amount{font-weight:700;color:#2c5282;font-size:18px}
.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#e2e8f0;outline:0}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#4299e1;cursor:pointer;transition:all .3s}
.slider::-webkit-slider-thumb:hover{background:#3182ce;transform:scale(1.1)}
.amount-note{margin-top:8px;color:#718096;font-size:14px;font-style:italic}
.submit-btn{width:100%;padding:18px;background:linear-gradient(to right,#4299e1,#3182ce);color:white;border:0;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:15px;box-shadow:0 4px 12px rgba(66,153,225,0.3)}
.submit-btn:hover{background:linear-gradient(to right,#3182ce,#2c5282);transform:translateY(-2px);box-shadow:0 6px 15px rgba(66,153,225,0.4)}
.benefits-sidebar{flex:1;min-width:250px}
.benefits-card{background:white;border-radius:16px;padding:25px;box-shadow:0 10px 25px rgba(0,0,0,0.08);margin-bottom:25px}
.benefits-card h3{font-size:20px;color:#2c5282;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}
.benefit-item{display:flex;align-items:flex-start;margin-bottom:18px}
.benefit-item i{color:#4299e1;font-size:18px;margin-right:12px;margin-top:4px}
.benefit-item p{color:#4a5568;font-size:15px}
.security-note{display:flex;align-items:center;justify-content:center;margin-top:25px;color:#718096;font-size:14px}
.security-note i{margin-right:8px;color:#48bb78}
footer{text-align:center;padding:30px 0;color:#718096;margin-top:40px;font-size:14px}
@media(max-width:968px){.slide{padding:30px}
.slide h2{font-size:28px}
.slide p{font-size:16px}
}
@media(max-width:768px){header{flex-direction:column;text-align:center;gap:15px}
.slider-container{height:420px}
.slide{padding:25px}
.slide h2{font-size:24px}
.application-header h2{font-size:24px}
.application-container{padding:25px}
.benefits-sidebar{width:100%}
.country-code-dropdown{width:100%;left:0;right:0}
}
@media(max-width:480px){body{padding:15px}
.slider-container{height:480px}
.slide{padding:20px}
.slide h2{font-size:22px}
.slide p,.slide li{font-size:14px}
.application-container{padding:20px}
.phone-input-group{flex-direction:column}
.country-code-container{width:100%}
.verification-code{flex-direction:column}
.send-code-btn{padding:12px}
}