@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:#f5f7ff;color:#1a1a2e;line-height:1.6}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.08);position:sticky;top:0;z-index:100}
.logo{font-size:22px;font-weight:700}
.logo span{color:#4361ee}
.nav-links a{margin-left:24px;text-decoration:none;color:#333;font-weight:500}
.hero{background:linear-gradient(135deg,#4361ee 0%,#7209b7 100%);color:#fff;padding:80px 8% 90px;text-align:center;border-radius:0 0 40px 40px}
.hero-content h1{font-size:44px;font-weight:700}
.hero-content h1 span{color:#ffbe0b}
.start-btn,.predict-btn{margin-top:28px;padding:13px 30px;background:#ffbe0b;color:#1a1a2e;font-weight:700;border:none;border-radius:30px;cursor:pointer;box-shadow:0 8px 20px rgba(255,190,11,.35)}
.prediction-section{padding:65px 8%;text-align:center}
.section-text{color:#666;margin-bottom:36px}
.upload-box{max-width:560px;margin:0 auto 30px;background:#fff;border:2.5px dashed #4361ee;border-radius:20px;padding:46px 28px}
.upload-icon{font-size:52px}
#videoInput{display:none}
.upload-btn{padding:11px 26px;background:#4361ee;color:#fff;border-radius:26px;cursor:pointer;font-weight:600;display:inline-block}
.video-container{max-width:700px;margin:30px auto;background:#000;border-radius:16px;overflow:hidden}
video{width:100%}
.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;max-width:800px;margin:36px auto 0}
.result-card{background:#fff;padding:22px;border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,.07);border-top:4px solid #4361ee}
.result-value{font-size:26px;font-weight:700;color:#4361ee}
.about-section{padding:70px 8%;background:#fff;margin-top:40px;text-align:center}
.about-section p{max-width:760px;margin:0 auto 36px;color:#555}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:900px;margin:0 auto}
.feature{background:#f5f7ff;padding:24px;border-radius:14px}
.feature h3{color:#4361ee;margin-bottom:8px}