body { font-family:'Inter',sans-serif; background:#f4f6f9; margin:0; padding:0; color:#212529; }
h1,h2,h3,h4,h5,h6 { font-weight:700; }

/* Navbar */
.navbar { background:#0a2e6a; padding:0.5rem 2rem; box-shadow:0 5px 15px rgba(0,0,0,0.2); }
.navbar-brand { font-weight:700; font-size:1.6rem; color:#fff; }
.navbar-brand:hover { color:#fff; }
.nav-link { color:#fff; font-weight:500; margin-left:1rem; }
.nav-link:hover { color:#ffc107; }

/* Hero Section */
.hero {
    text-align:center;
    padding:80px 20px;
    background: linear-gradient(135deg,#0a2e6a,#0047b3);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero::before {
    content:"";
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08) 0%, transparent 70%),
                radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 70%);
    pointer-events:none;
}
.hero h1 { font-size:3rem; font-weight:800; margin-bottom:15px; text-shadow: 0 2px 10px rgba(0,0,0,0.3);}
.hero p { font-size:1.2rem; margin-bottom:20px; text-shadow: 0 1px 5px rgba(0,0,0,0.2); }

/* Features Section */
.features { padding:60px 0; }
.features h2 { text-align:center; margin-bottom:40px; font-size:2.2rem; color:#212529; }
.features .card { border-radius:20px; padding:30px 20px; text-align:center; border:none; 
                  box-shadow:0 15px 40px rgba(0,0,0,0.08); transition:0.3s; background: #fff; }
.features .card:hover { transform:translateY(-5px); box-shadow:0 25px 50px rgba(0,0,0,0.12); }
.features .card i { font-size:2.5rem; margin-bottom:15px; color:#0a2e6a; }

/* ===== Converter ===== */
.upload-card {
    border-radius:20px;
    box-shadow:0 25px 50px rgba(0,0,0,0.1);
    padding:50px;
    max-width:650px;
    margin:auto;
    background:#fff;
    transition:0.4s;
}
.upload-card:hover { transform:translateY(-5px); }
#progressContainer { display:none; height:20px; margin-top:15px; border-radius:10px; overflow:hidden; }
#progressBar { width:0%; height:100%; background:linear-gradient(90deg,#0d6efd,#00c6ff); transition:width 0.3s; text-align:center; color:#fff; font-weight:600; }
#status { margin-top:15px; color:#212529; font-weight:500; }
#downloadBtn { display:none; margin-top:20px; text-decoration:none; padding:15px 20px; background:#ffc107; color:#212529; border-radius:50px; font-weight:600; transition:all 0.3s ease; display:inline-block; }
#downloadBtn:hover { background:#e0a800; color:#fff; }

/* ===== Testimonials ===== */
.testimonials { padding:80px 0; background:#f8f9fa; }
.testimonials h2 { text-align:center; margin-bottom:60px; font-size:2.5rem; }
.testimonials .card {
    border:none;
    border-radius:20px;
    padding:40px;
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
    transition:0.4s;
}
.testimonials .card:hover { transform:translateY(-10px); box-shadow:0 25px 50px rgba(0,0,0,0.15); }
.testimonials .card p { font-style:italic; color:#555; }

/* Footer */
/* Footer */
footer { background:#0a2e6a; color:#fff; padding:40px 0; text-align:center; box-shadow:0 -5px 15px rgba(0,0,0,0.2); }
footer a { color:#ffc107; margin:0 10px; font-size:1.2rem; }
footer a:hover { color:#fff; }

/* Subtle cloud floating shapes */
.clouds {
    position:absolute; width:200%; height:200%;
    top:-50%; left:-50%;
    background: radial-gradient(circle, rgba(255,255,255,0.08) 15%, transparent 30%) repeat;
    pointer-events:none; z-index:0;
}