.container{max-width:900px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif}.pageHeader{text-align:center;color:#fff;background:#1b5e20;border-radius:15px;margin-bottom:20px;padding:30px}.pageHeader h1{margin:0;font-size:2em}.card{background:#fff;border-top:4px solid #43a047;border-radius:15px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #0000000d}.inputSection{flex-direction:column;align-items:center;gap:15px;display:flex}.inputSection input{text-align:center;border:1px solid #ccc;border-radius:8px;width:100%;max-width:400px;padding:12px;font-size:16px}.calculateBtn{color:#fff;cursor:pointer;background:#43a047;border:none;border-radius:25px;padding:12px 30px;font-size:18px;font-weight:700;transition:all .3s}.calculateBtn:hover{background:#2e7d32;transform:translateY(-2px)}.verdictCard{cursor:pointer;background:#e8f5e9;border-left:8px solid #2e7d32;transition:all .3s;position:relative}.verdictCard:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.hintText{color:#666;font-size:14px;font-style:italic}.comboGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.comboCard{cursor:pointer;background:#f8fff8;border:1px solid #c8f7c5;border-radius:12px;padding:15px;transition:all .3s;position:relative}.comboCard:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.comboHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.weightBadge{color:#00695c;background:#e0f2f1;border-radius:10px;padding:3px 8px;font-size:12px;font-weight:700}.infoIcon{font-size:20px}.comboCard h4{color:#1b5e20;margin:0;font-size:1.5em}.comboCard p{color:#444;margin:5px 0 0;font-size:14px}.dobStats{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.pill{color:#fff;border-radius:20px;margin-left:5px;padding:5px 12px;font-weight:700}.pillGreen{background:#2e7d32}.pillRed{background:#d32f2f}.modalOverlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modalContent{background:#fff;border-radius:15px;width:90%;max-width:500px;padding:30px;animation:.3s slideDown;box-shadow:0 10px 30px #0003}.modalBody p{border-bottom:1px solid #eee;margin:8px 0;padding-bottom:8px}.closeBtn{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-size:16px;font-weight:700}.closeBtn:hover{background:#b71c1c}.theorySection{background:#f9f9f9}.actionLinks{flex-direction:column;gap:10px;margin-top:20px;display:flex}.actionBtn{color:#fff;text-align:center;background:#1976d2;border-radius:8px;padding:12px;font-weight:700;text-decoration:none;transition:all .3s}.actionBtn:hover{background:#1565c0}.whatsapp{background:#25d366}.whatsapp:hover{background:#128c7e}.animationFade{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.captainSection{text-align:center;margin-top:30px}.numBtnGroup{flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0;display:flex}.numBtn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 3px 8px #0003}.numBtn:hover{background:#43a047;transform:scale(1.1)}.captainResultCard{text-align:left;border-radius:12px;margin-top:20px;padding:25px;animation:.4s fadeIn;box-shadow:0 4px 15px #0000001a}.captainResultCard.good{background:#e8f5e9;border-left:6px solid #013d06}.captainResultCard.bad{background:#ffebee;border-left:6px solid #fc0606}.captainResultCard.mixed{background:#fff8e1;border-left:6px solid #3700ff}.captainTraits{margin:15px 0;padding-left:20px}.captainTraits li{color:#444;margin-bottom:5px}.compoundDetails{background:#fff9;border-radius:8px;margin-top:15px;padding:15px}.loshuGrid{background:#f9f9f9;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto;padding:20px;display:grid;box-shadow:inset 0 2px 10px #0000000d}.gridCell{color:#333;border-radius:10px;justify-content:center;align-items:center;height:70px;font-size:20px;font-weight:800;transition:all .3s;display:flex}.bgGreen{background-color:#67e284}.bgRed{background-color:#e6626d}.bgBlue{background-color:#4cccdd}.borderPurple{border:4px solid #013d06}.borderBlack{opacity:.7;border:4px dashed #fc0606}.borderYellow{border:4px solid #3700ff;box-shadow:0 0 10px #ffb30080}.gridLegend{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;font-size:13px;display:flex}.legendItem{align-items:center;gap:6px;display:flex}.legendBox{border-radius:4px;width:16px;height:16px}