@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.heroBg{color:#fff;text-align:center;background:linear-gradient(-45deg,#0f172a,#1e1b4b,#312e81,#0f172a) 0 0/400% 400%;border-bottom:3px solid #0ea5e9;border-radius:0 0 40px 40px;margin-bottom:30px;padding:50px 20px 70px;animation:10s infinite gradientBG;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d}.heroBadge{color:#0ea5e9;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:4px 10px;font-size:10px;font-weight:700}.heroTitle{background:linear-gradient(90deg,#fff,#38bdf8,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:22px;font-weight:900}.heroSubtitle{color:#e2e8f0;max-width:500px;margin:0 auto;font-size:13px}.toolCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:20px 10px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000026}.toolHeader{color:#fff;align-items:center;gap:10px;padding:12px 15px;display:flex}.toolHeader.blue{background:linear-gradient(135deg,#0046ad,#2563eb)}.toolHeader.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.toolHeader.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.toolIcon{background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;font-size:18px;display:flex}.toolTitle{text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:800}.toolBody{text-align:center;padding:20px 15px}.toolDesc{color:#64748b;margin-bottom:15px;font-size:12px}.matkaInput{text-align:center;color:#0f172a;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px;font-size:16px;font-weight:700}.matkaInput:focus{background:#fff;border-color:#0046ad;box-shadow:0 0 0 3px #0ea5e91a}.calcBtn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#0f172a;border:none;border-radius:50px;width:100%;padding:12px;font-size:13px;font-weight:900;box-shadow:0 4px 10px #0003}.calcBtn:hover{opacity:.9;transform:translateY(-2px)}.motorOptions{justify-content:center;gap:15px;margin-bottom:15px;display:flex}.radioLabel{color:#334155;cursor:pointer;background:#f1f5f9;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:14px;font-weight:700;display:flex}.radioLabel input{accent-color:#0046ad;transform:scale(1.2)}.resultArea{background:#f0f9ff;border:1px dashed #0046ad;border-radius:12px;margin-top:20px;padding:15px;animation:.5s slideUp}.resLabel{color:#64748b;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.resValue{color:#0046ad;letter-spacing:1px;font-size:24px;font-weight:900}.familyGrid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.famBox{color:#0f172a;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px;font-size:13px;font-weight:800;box-shadow:0 1px 3px #0000000d}.seoContent{background:#fff;border-top:4px solid #0ea5e9;border-radius:16px;margin:30px 10px;padding:20px;box-shadow:0 10px 30px -10px #00000026}.contentH2{color:#0f172a;border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:20px;font-weight:900}.contentH3{color:#0046ad;margin-top:20px;margin-bottom:10px;font-size:16px;font-weight:800;display:block}.contentP{color:#475569;text-align:justify;margin-bottom:15px;font-size:14px;line-height:1.8}.contentP strong{color:#000}.faqWrap{margin:30px 10px}.faqItem{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;overflow:hidden}.faqQ{color:#0f172a;cursor:pointer;justify-content:space-between;padding:15px;font-size:13px;font-weight:700;display:flex}.faqQ:after{content:"+";color:#0046ad;font-size:16px}.faqItem[open] .faqQ{color:#0046ad;background:#f0f9ff}.faqA{color:#475569;background:#fff;border-top:1px solid #f1f5f9;padding:15px;font-size:13px;line-height:1.6}@media (width<=768px){.heroBg{padding:40px 15px 60px}.heroTitle{font-size:20px}.toolCard{margin:15px 10px}.familyGrid{grid-template-columns:repeat(3,1fr)}}html[data-theme=dark] .heroBg{box-shadow:none;border-bottom-color:#38bdf8}html[data-theme=dark] .heroBadge{color:#7dd3fc;border-color:#ffffff40}html[data-theme=dark] .heroSubtitle{color:#cbd5e1}html[data-theme=dark] .toolCard{box-shadow:none;background:#1e293b;border-color:#334155}html[data-theme=dark] .toolDesc{color:#94a3b8}html[data-theme=dark] .matkaInput{color:#f1f5f9;background:#0f172a;border-color:#334155}html[data-theme=dark] .matkaInput:focus{background:#1e293b;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}html[data-theme=dark] .matkaInput::placeholder{color:#64748b}html[data-theme=dark] .calcBtn{box-shadow:none;background:#334155}html[data-theme=dark] .calcBtn:hover{background:#475569}html[data-theme=dark] .radioLabel{color:#e2e8f0;background:#334155}html[data-theme=dark] .resultArea{background:#38bdf81a;border-color:#334155}html[data-theme=dark] .resLabel{color:#94a3b8}html[data-theme=dark] .resValue{color:#7dd3fc}html[data-theme=dark] .famBox{color:#e2e8f0;background:#334155;border-color:#475569}html[data-theme=dark] .seoContent{box-shadow:none;background:#0f172a;border-top-color:#38bdf8}html[data-theme=dark] .contentH2{color:#fafafa;border-bottom-color:#334155}html[data-theme=dark] .contentH3{color:#7dd3fc}html[data-theme=dark] .contentP{color:#94a3b8}html[data-theme=dark] .contentP strong{color:#e2e8f0}html[data-theme=dark] .faqItem{background:#1e293b;border-color:#334155}html[data-theme=dark] .faqQ{color:#e2e8f0}html[data-theme=dark] .faqQ:after{color:#38bdf8}html[data-theme=dark] .faqItem[open] .faqQ{color:#7dd3fc;background:#38bdf826}html[data-theme=dark] .faqA{color:#94a3b8;background:#0f172a;border-top-color:#334155}