.hijri-converter-wrapper{max-width:1000px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.hijri-converter-header{text-align:center;margin-bottom:30px}.hijri-converter-header h2{font-size:2rem;margin-bottom:10px;color:#333}.hijri-converter-header p{font-size:1.1rem;color:#666}.hijri-converter-toggle{display:flex;justify-content:center;margin-bottom:30px}.hijri-toggle-btn{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s ease}.hijri-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(37 99 235 / .3)}.hijri-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px}.date-inputs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.date-inputs h3{margin-bottom:20px;font-size:1.3rem;color:#334155;text-align:center}.date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.date-field label{display:block;margin-bottom:8px;font-weight:500;color:#475569}.date-field select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#fff}.hijri-convert-button{display:flex;justify-content:center;margin-bottom:30px}.hijri-btn-convert{background:#059669;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color 0.3s ease}.hijri-btn-convert:hover{background:#047857}.hijri-result{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.hijri-result h3{margin-bottom:16px;color:#334155}.result-display{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;padding:16px;border-radius:8px;border:1px solid #cbd5e1}#result-text{font-size:1.2rem;font-family:monospace;color:#1e293b;font-weight:500}.hijri-btn-copy{background:#64748b;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color 0.3s ease}.hijri-btn-copy:hover{background:#475569}.hijri-info-section{margin-top:40px}.hijri-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.hijri-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.hijri-info-card h3{font-size:1.3rem;margin-bottom:16px;color:#334155}.hijri-info-card p{margin-bottom:12px;line-height:1.6;color:#475569}.hijri-benefits{list-style:none;padding:0}.hijri-benefits li{padding:8px 0;color:#475569;line-height:1.5}.hijri-use-cases h3{text-align:center;font-size:1.4rem;margin-bottom:24px;color:#334155}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.use-case{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.use-case-icon{font-size:2rem;margin-bottom:12px}.use-case h4{margin-bottom:8px;color:#334155}.use-case p{font-size:.9rem;color:#64748b;line-height:1.4}@media (max-width:768px){.hijri-info-grid{grid-template-columns:1fr}.result-display{flex-direction:column;gap:12px;text-align:center}.date-grid{grid-template-columns:1fr}}