:root{--primary:#2874f0;--accent:#ff9f00;--dark:#0f172a;--light:#f8fafc;}
body{font-family: 'Inter', sans-serif;background:#f1f5f9;overflow-x:hidden;}
/* Glass Navbar */
.navbar{backdrop-filter: blur(12px);background: #fff;z-index: 999;}
.navbar-brand{font-weight:700;color:var(--primary) !important;}
/* Hero Section */
.hero{background: linear-gradient(135deg,#888,#888);color:#fff;padding:120px 0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;width:500px;height:500px;background:rgba(255,255,255,0.1);border-radius:50%;top:-150px;right:-150px;}
.hero h1{font-weight:700;font-size:48px;}
.hero p{font-size:18px;opacity:0.9;}
.hero a{text-decoration: none;}
.btn-modern{background:#fff;color:var(--primary);padding:12px 28px;border-radius:50px;font-weight:600;transition:0.3s;}
.btn-modern:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}
.feature-card{background:#fff;border:none;border-radius:18px;padding:30px;transition:0.3s;box-shadow:0 8px 30px rgba(0,0,0,0.05);}
.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.icon-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2874f0,#0056d2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:20px;}
.stats{background:#fff;padding:80px 0;}
.stat-box h3{font-size:36px;font-weight:700;color:var(--primary);}
.testimonial{background:#fff;border-radius:20px;padding:35px;box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.cta{background:linear-gradient(135deg,#ff9f00,#fb641b);color:#fff;padding:100px 0;}
@media(max-width:768px){.hero{padding:80px 0;text-align:center;}
.hero h1{font-size:32px;}}
.seller-section{padding:60px 0;}
.seller-title{font-weight:700;color:#5f259f;}
.seller-card{border:none;border-radius:15px;transition:0.3s ease-in-out;}
.seller-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.step-icon{font-size:40px;color:#5f259f;}
.btn-seller{background:#5f259f;color:#fff;border-radius:30px;padding:10px 30px;}
.btn-seller:hover{background:#4a1d7a;color:#fff;}
.section-title {font-weight: 700;color: #333;}
.feature-card {border: none;border-radius: 15px;transition: 0.3s ease-in-out;background: #fff;}
.feature-card:hover {transform: translateY(-8px);box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.icon {font-size: 40px;color: #ff3f6c;}
.card {border-radius: 12px;}
.form-section-title {font-weight: 600;margin-bottom: 15px;border-bottom: 2px solid #dee2e6;padding-bottom: 5px;}
.testimonial-section {padding: 60px 20px;text-align: center;}
.testimonial-section h2 {font-size: 32px;margin-bottom: 40px;color: #222;}
.slider {max-width: 900px;margin: auto;overflow: hidden;position: relative;}
.slides {display: flex;transition: transform 0.5s ease-in-out;}
.testimonial-card {min-width: 100%;box-sizing: border-box;padding: 30px;}
.card {background: #fff;padding: 30px;border-radius: 12px;box-shadow: 0 8px 20px rgba(0,0,0,0.08);}
.card p {font-size: 16px;color: #555;line-height: 1.6;}
.seller-info {margin-top: 20px;font-weight: bold;color: #333;}
.seller-role {font-size: 14px;color: #888;}
.nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background: #111;color: #fff;border: none;padding: 10px 15px;cursor: pointer;border-radius: 50%;}
.prev { left: 10px; }
.next { right: 10px; }
.nav-btn:hover {background: #444;}
@media (max-width: 768px) {.testimonial-section h2 {font-size: 24px;}}