/*
 Theme Name: Astra Child Calculator Advanced
 Template: astra
 Version: 1.0.0
*/
@import url("../astra/style.css");
body { font-family: 'Poppins', sans-serif; background: linear-gradient(#f9f9f9,#ffffff); color:#222; margin:0; padding:0; }
.calculator-hero { text-align:center; padding:50px 20px; background: linear-gradient(135deg, #2563eb, #4f46e5); color:#fff; }
.calculator-hero input { padding:12px; width:420px; max-width:90%; border-radius:25px; border:none; margin-top:15px; }
.category-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:20px; max-width:1200px; margin:40px auto; padding:0 20px; }
.category-card { background:#fff; border-radius:15px; box-shadow:0 4px 8px rgba(0,0,0,0.08); padding:20px; text-align:center; cursor:pointer; transition:all 0.3s ease; }
.category-card:hover { transform: translateY(-5px); box-shadow:0 8px 16px rgba(0,0,0,0.15); }
#dark-mode-toggle { position:fixed; top:15px; right:15px; background:#2563eb; color:#fff; border:none; padding:10px; border-radius:50%; cursor:pointer; z-index:999; }
.scroll-fade { opacity:0; transform:translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; }
.scroll-fade.show { opacity:1; transform:translateY(0); }
.container { padding: 20px; max-width: 1000px; margin: 0 auto; }
.calculator-card { background:#fff; padding:15px; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.08); transition:transform 0.2s; }