body{color:#333;background:linear-gradient(135deg,#24c6dc 0%,#514a9d 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1400px;margin:0 auto}.hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#24c6dc 0%,#514a9d 100%);padding:80px 40px;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"50\" cy=\"10\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"10\" cy=\"60\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"90\" cy=\"30\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:2;position:relative}.hero-section h1{text-shadow:2px 4px 8px rgba(0,0,0,.3);margin-bottom:20px;font-size:3.5rem;font-weight:700;animation:1s fadeInUp}.hero-section p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6;animation:1s .2s both fadeInUp}.calculators-grid{background:#f8fafc;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:60px 40px;display:grid}.calculator-card{background:#fff;border:2px solid transparent;border-radius:20px;flex-direction:column;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}.calculator-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.calculator-card.available:hover{border-color:#667eea}.calculator-card.available{background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%)}.calculator-card.coming-soon{opacity:.8;background:linear-gradient(135deg,#fff 0%,#f7f7f7 100%)}.card-header{text-align:center;color:#fff;background:linear-gradient(135deg,#24c6dc 0%,#514a9d 100%);padding:30px;position:relative}.calculator-card.coming-soon .card-header{background:linear-gradient(135deg,#a0aec0 0%,#718096 100%)}.icon{margin-bottom:15px;font-size:3rem;animation:2s infinite bounce;display:block}.calculator-card.coming-soon .icon{opacity:.7;animation:none}.card-header h3{margin:0;font-size:1.5rem;font-weight:600}.card-content{flex-grow:1;padding:30px}.card-content p{color:#4a5568;margin-bottom:20px;line-height:1.6}.calculator-card.coming-soon .card-content p{color:#718096}.features{flex-wrap:wrap;gap:8px;display:flex}.feature-tag{color:#234e52;background:#e6fffa;border:1px solid #81e6d9;border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:500;display:inline-block}.feature-tag.disabled{color:#a0aec0;background:#edf2f7;border-color:#cbd5e0}.card-footer{padding:0 30px 30px}.calc-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;width:100%;padding:15px 25px;font-size:1.1rem;font-weight:600;transition:all .3s}.available-btn{color:#fff;background:linear-gradient(135deg,#24c6dc 0%,#514a9d 100%);box-shadow:0 4px 15px rgba(102,126,234,.3)}.available-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.coming-soon-btn{color:#a0aec0;cursor:not-allowed;background:#e2e8f0}.info-section{background:#fff;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:60px 40px;display:grid}.info-card{text-align:center;padding:10px}.info-card h3{color:#2d3748;margin-bottom:15px;font-size:1.3rem;font-weight:600}.info-card p{color:#4a5568;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.hero-section{padding:60px 20px}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}.calculators-grid{grid-template-columns:1fr;gap:20px;padding:40px 20px}.info-section{grid-template-columns:1fr;padding:20px}.calculator-card{border-radius:15px}.card-header,.card-content,.card-footer{padding:20px}.card-footer{padding-top:0}}@media (max-width:480px){.hero-section h1{font-size:2rem}.calculators-grid{padding:30px 15px}.calculator-card{min-width:unset}}