* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: linear-gradient(135deg, #f5f5f7 0%, #ffffff 100%);
    overflow-x: hidden;
}
.container { max-width: 1190px; margin: 0 auto; }
.slide-btn  { background: #0071e3; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; display: inline-block; }

/* ===== HERO PARTNER ===== */
.hero-partner-section {
    position: relative; display: flex;
    align-items: center; justify-content: center; padding: 40px 20px;
}
.hero-bg-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .5; animation: floatOrb 20s infinite ease-in-out; pointer-events: none; }
.orb-1 { width:400px; height:400px; background:radial-gradient(circle,rgba(0,113,227,.3),rgba(88,86,214,.1)); top:-100px; left:-100px; }
.orb-2 { width:500px; height:500px; background:radial-gradient(circle,rgba(245,158,11,.25),rgba(255,149,0,.08)); bottom:-150px; right:-100px; animation-delay:5s; }
.orb-3 { width:300px; height:300px; background:radial-gradient(circle,rgba(52,199,89,.2),rgba(52,199,89,.05)); top:50%; left:50%; transform:translate(-50%,-50%); animation-delay:10s; }
@keyframes floatOrb {
    0%,100% { transform:translate(0,0) scale(1); opacity:.4; }
    33%      { transform:translate(30px,-30px) scale(1.1); opacity:.6; }
    66%      { transform:translate(-20px,20px) scale(.9); opacity:.3; }
}
.hero-partner-container { max-width:1400px; width:100%; margin:0 auto; position:relative; z-index:2; }
.hero-partner-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.hero-partner-content { animation:fadeInLeft .8s cubic-bezier(.25,.1,.25,1); }
@keyframes fadeInLeft { from{opacity:0;transform:translateX(-50px)} to{opacity:1;transform:translateX(0)} }
.hero-partner-title {
    font-size: clamp(2rem,4vw,3rem); font-weight:800; line-height:1.2; margin-bottom:20px;
    background: linear-gradient(135deg,#1d1d1f 0%,#0071e3 50%,#5856d6 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-partner-highlight { background:linear-gradient(135deg,#f59e0b,#f97316); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-partner-desc { font-size:1rem; color:#86868b; line-height:1.6; margin-bottom:32px; max-width:500px; }
.hero-partner-buttons { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:40px; }
.btn-primary-partner {
    background: linear-gradient(135deg,#0071e3,#5856d6); color:white; border:none;
    padding:16px 36px; border-radius:50px; font-size:16px; font-weight:600; cursor:pointer;
    display:inline-flex; align-items:center; gap:12px;
    transition:all .3s ease; box-shadow:0 8px 20px rgba(0,113,227,.3);
}
.btn-primary-partner:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 12px 30px rgba(0,113,227,.4); }
.hero-partner-image { position:relative; animation:fadeInRight .8s cubic-bezier(.25,.1,.25,1); }
@keyframes fadeInRight { from{opacity:0;transform:translateX(50px)} to{opacity:1;transform:translateX(0)} }
.image-glass-container {
    position:relative; background:rgba(255,255,255,.3); backdrop-filter:blur(20px);
    border-radius:48px; padding:20px; border:1px solid rgba(255,255,255,.5);
    box-shadow:0 25px 50px -12px rgba(0,0,0,.25); transition:all .4s ease;
}
.image-glass-container:hover { transform:scale(1.02); }
.handshake-image { width:100%; height:auto; border-radius:36px; display:block; }
.floating-card {
    position:absolute; background:rgba(255,255,255,.95); backdrop-filter:blur(15px);
    border-radius:20px; padding:12px 20px; display:flex; align-items:center; gap:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.1); animation:float 3s infinite ease-in-out; z-index:5;
}
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.floating-card-1 { top:10%;   right:-20px; }
.floating-card-2 { bottom:15%; left:-30px;  animation-delay:1s; }
.floating-card-3 { top:40%;   left:-20px;  animation-delay:.5s; }
.floating-icon { width:40px; height:40px; background:linear-gradient(135deg,#34c759,#28a745); border-radius:12px; display:flex; align-items:center; justify-content:center; }
.floating-icon i  { font-size:20px; color:white; }
.floating-text    { font-size:12px; font-weight:600; color:#1d1d1f; }
.floating-subtext { font-size:10px; color:#86868b; }
.trust-badges {
    position:absolute; bottom:-20px; right:20px; background:#0071e3;
    border-radius:30px; padding:12px 24px; display:flex; align-items:center; gap:16px;
    box-shadow:0 10px 30px rgba(0,0,0,.1); z-index:6;
}
.trust-badges i      { font-size:28px; color:#f59e0b; }
.trust-badges strong { font-size:14px; color:#fff; }
.trust-badges p      { font-size:10px; color:#f6d6d8; }

@media(max-width:900px) {
    .hero-partner-grid { grid-template-columns:1fr; text-align:center; }
    .hero-partner-desc { margin:0 auto 32px; }
    .hero-partner-buttons { justify-content:center; }
    .hero-partner-image { max-width:500px; margin:0 auto; }
    .floating-card-1 { right:0; } .floating-card-2 { left:0; }
    .trust-badges { bottom:-10px; right:10px; }
}
@media(max-width:640px) {
    .hero-partner-section { display:block !important; }
    .hero-partner-buttons { flex-direction:column; }
    .btn-primary-partner  { justify-content:center; width:100%; }
    .floating-card { display:none; }
    .trust-badges  { position:static; margin-top:20px; justify-content:center; }
}
.touch-ripple { position:relative; overflow:hidden; }
.touch-ripple::after { content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:rgba(255,255,255,.4); transform:translate(-50%,-50%); transition:width .4s,height .4s; }
.touch-ripple:active::after { width:200px; height:200px; opacity:0; }
h1{font-size:clamp(16px,2vw,22px);line-height:1.2;color:#333;text-align:center;word-break:break-word;margin:20px 0}.heading-1{font-size:clamp(16px,2vw,22px);color:blue}.heading-2{font-size:clamp(16px,2vw,22px);color:green}@media(orientation:portrait){h1{font-size:clamp(14px,2vw,18px)}}@media(orientation:landscape){h1{font-size:clamp(16px,2vw,18px)}}@media print{h1{font-size:14pt;color:#000}}