*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,Inter,-apple-system,BlinkSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#020817;min-height:100vh;padding:40px 20px;line-height:1.6}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:1.5rem;box-shadow:0 4px 24px #0206170f;overflow:hidden}.header{background:#020617;color:#fff;padding:48px 40px;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:12px;color:#fff}.header p{opacity:.9;font-size:1.1rem;color:#f8fafc}.scenarios{display:flex;background:#f1f5f9;border-bottom:1px solid rgb(226,232,240)}.scenario-btn{flex:1;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#475569;transition:all .3s ease;border-bottom:3px solid transparent;font-family:Hanken Grotesk,Inter,sans-serif}.scenario-btn:hover{background:#e2e8f0;color:#020617}.scenario-btn.active{color:#020617;border-bottom-color:#00bf6b;background:#fff}.topbar{display:flex;align-items:center;background:#fff;border-bottom:1px solid rgb(226,232,240)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 16px}.calculator{display:flex;min-height:600px}.config-panel{flex:1;padding:40px;border-right:1px solid rgb(226,232,240)}.results-panel{flex:1;padding:40px;background:#f1f5f9}.section{margin-bottom:32px}.section h3{color:#020617;margin-bottom:20px;font-size:1.25rem;font-weight:700;font-family:Hanken Grotesk,Inter,sans-serif}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#020617;font-size:.95rem;font-family:Hanken Grotesk,Inter,sans-serif}.input-group input,.input-group select{width:100%;padding:14px 16px;border:2px solid rgb(226,232,240);border-radius:.5rem;font-size:1rem;transition:all .3s ease;background:#fff;color:#020617;font-family:Hanken Grotesk,Inter,sans-serif}.input-group input:focus,.input-group select:focus{outline:none;border-color:#00bf6b;box-shadow:0 0 0 3px #00bf6b1a}.cost-comparison{display:grid;gap:24px}.provider-card{background:#fff;border-radius:1rem;padding:28px;box-shadow:0 2px 12px #02061714;border-left:4px solid;transition:box-shadow .3s ease}.provider-card:hover{box-shadow:0 4px 20px #0206171f}.provider-card.civo{border-left-color:#00bf6b}.provider-card.aws{border-left-color:#fca327}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.provider-name{font-size:1.5rem;font-weight:700;color:#020617;font-family:Hanken Grotesk,Inter,sans-serif}.monthly-cost{font-size:2.25rem;font-weight:800;color:#020617;font-family:Hanken Grotesk,Inter,sans-serif;margin-bottom:8px}.provider-card details{margin-top:8px}.provider-card summary{cursor:pointer;font-weight:600;color:#475569;padding:8px 0}.cost-breakdown{margin-top:20px;font-size:.95rem;color:#475569;line-height:1.8}.cost-breakdown>div{margin-bottom:8px;font-weight:500}.resource-detail{color:#64748b;font-size:.9rem;font-weight:400;margin-left:6px}.savings{background:#dcfce7;color:#166534;padding:20px;border-radius:.75rem;margin-top:24px;text-align:center;font-weight:600;font-size:1.05rem;font-family:Hanken Grotesk,Inter,sans-serif}.hidden-costs{background:#fef2f2;border:1px solid rgb(254,202,202);border-radius:.75rem;padding:20px;margin-top:20px}.hidden-costs h4{color:#dc2626;margin-bottom:12px;font-size:1rem;font-weight:700;font-family:Hanken Grotesk,Inter,sans-serif}.hidden-costs ul{list-style:none;color:#7f1d1d}.hidden-costs li{margin-bottom:6px;font-size:.9rem}.hidden-costs li:before{content:"⚠️ ";margin-right:8px}@media (max-width: 768px){body{padding:20px 12px}.container{border-radius:1rem}.header{padding:32px 24px}.header h1{font-size:2rem}.calculator{flex-direction:column}.config-panel{border-right:none;border-bottom:1px solid rgb(226,232,240);padding:32px 24px}.results-panel{padding:32px 24px}.scenarios{flex-direction:column}.scenario-btn{border-bottom:1px solid rgb(226,232,240);border-right:none}.scenario-btn.active{border-bottom:1px solid rgb(226,232,240);border-left:3px solid rgb(0,191,107)}}