*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:#f8f9fa;padding-top:70px}.fixed-nav{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 1px 5px #0000001a;padding:10px;z-index:999}.nav-wrap{max-width:700px;margin:auto;display:flex;flex-wrap:wrap;gap:6px}.nav-btn{padding:8px 10px;border-radius:50px;border:none;background:#f1f5f9;font-size:13px;cursor:pointer;text-decoration:none!important;color:inherit}.nav-btn.active{background:#2563eb;color:#fff}.container{max-width:700px;margin:auto;padding:20px}.header{text-align:center;margin-bottom:20px}.card{background:#fff;border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.card h2{margin-bottom:14px;font-size:18px}input,select{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #eee;background:#fafafa}.btn-row{display:flex;gap:10px}.calc-btn{flex:1;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:10px;cursor:pointer}.reset-btn{padding:12px 14px;border:1px solid #ddd;background:#fff;border-radius:10px;cursor:pointer}.result-box{margin-top:16px;padding:14px;border-radius:10px}.text-green{background:#ecfdf5;color:#065f46}.text-orange{background:#fffbeb;color:#92400e}.text-red{background:#fef2f2;color:#991b1b}.text-blue{background:#eff6ff;color:#1e40af}.desc{margin-top:16px;font-size:14px;line-height:1.6;color:#333}.footer{text-align:center;padding:30px 0;font-size:13px;color:#666}.footer a{margin:0 6px;color:#2563eb;text-decoration:none;cursor:pointer}