.bw-calc{--bw-primary: #0891b2;--bw-secondary: #06b6d4;--bw-accent: #67e8f9;--bw-bg: #ecfeff;--bw-card-bg: #ffffff;--bw-text: #164e63;--bw-text-muted: #0e7490;--bw-border: #a5f3fc;--bw-shadow: 0 4px 20px rgba(8, 145, 178, .12);max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.bw-header{text-align:center;margin-bottom:2rem}.bw-title{font-size:2rem;font-weight:800;color:var(--bw-primary);margin:0 0 .5rem}.bw-description{color:var(--bw-text-muted);font-size:1.1rem;margin:0}.bw-formula-container{background:linear-gradient(135deg,var(--bw-bg) 0%,#cffafe 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--bw-border)}.bw-formula-title{font-size:1.1rem;font-weight:700;color:var(--bw-primary);margin:0 0 1rem;text-align:center}.bw-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bw-formula-card{background:var(--bw-card-bg);border-radius:12px;padding:1rem;text-align:center}.bw-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--bw-text-muted);margin-bottom:.5rem}.bw-formula-math{font-size:.9rem;color:var(--bw-text);overflow-x:auto}.bw-form-container{background:var(--bw-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--bw-shadow);margin-bottom:2rem}.bw-form{display:flex;flex-direction:column;gap:1.25rem}.bw-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.bw-input-group{display:flex;flex-direction:column;gap:.5rem}.bw-label{font-weight:600;font-size:.9rem;color:var(--bw-text)}.bw-input{width:100%;padding:.875rem 1rem;border:2px solid var(--bw-border);border-radius:10px;font-size:1rem;background:var(--bw-bg);box-sizing:border-box}.bw-input:focus{outline:none;border-color:var(--bw-primary);background:#fff}.bw-input-wrapper{display:flex;gap:.5rem}.bw-input-wrapper .bw-input{flex:1}.bw-unit-select{width:80px;padding:.875rem .5rem;border:2px solid var(--bw-border);border-radius:10px;font-size:.9rem;background:var(--bw-bg)}.bw-buttons{display:flex;gap:1rem;margin-top:.5rem}.bw-btn{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer}.bw-btn-primary{background:linear-gradient(135deg,var(--bw-primary) 0%,var(--bw-secondary) 100%);color:#fff}.bw-btn-secondary{background:var(--bw-bg);color:var(--bw-text-muted);border:2px solid var(--bw-border)}.bw-results{background:var(--bw-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--bw-shadow);margin-bottom:2rem}.bw-results-title{font-size:1.25rem;font-weight:700;color:var(--bw-primary);margin:0 0 1.5rem;text-align:center}.bw-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.bw-result-card{background:var(--bw-bg);border-radius:12px;padding:1.25rem;text-align:center}.bw-result-main{grid-column:1 / -1;background:linear-gradient(135deg,var(--bw-primary) 0%,var(--bw-secondary) 100%)}.bw-result-main .bw-result-label,.bw-result-main .bw-result-value,.bw-result-main .bw-result-unit{color:#fff}.bw-result-label{display:block;font-size:.8rem;font-weight:600;color:var(--bw-text-muted);margin-bottom:.25rem}.bw-result-value{display:block;font-size:1.5rem;font-weight:800;color:var(--bw-primary)}.bw-result-unit{display:block;font-size:.75rem;color:var(--bw-text-muted)}.bw-content{margin-top:3rem}.bw-content-section{margin-bottom:2.5rem}.bw-content-title{font-size:1.5rem;font-weight:700;color:var(--bw-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--bw-primary)}.bw-content-text{color:var(--bw-text-muted);line-height:1.7;margin:0 0 1rem}.bw-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.bw-feature-card{background:var(--bw-bg);border-radius:12px;padding:1.25rem;text-align:center}.bw-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.bw-feature-title{font-size:1rem;font-weight:700;color:var(--bw-text);margin:0 0 .5rem}.bw-feature-desc{font-size:.85rem;color:var(--bw-text-muted);margin:0}.bw-table-wrapper{overflow-x:auto;border-radius:12px;margin-top:1.5rem}.bw-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.bw-table th{background:var(--bw-primary);color:#fff;padding:.875rem 1rem;text-align:left}.bw-table td{padding:.75rem 1rem;border-bottom:1px solid var(--bw-border)}.bw-table-highlight{font-weight:700;color:var(--bw-primary)}.bw-tips-grid{display:grid;gap:1rem;margin-top:1.5rem}.bw-tip-card{display:flex;gap:1rem;background:var(--bw-card-bg);border-radius:12px;padding:1.25rem;border-left:4px solid var(--bw-primary)}.bw-tip-icon{font-size:1.5rem}.bw-tip-title{font-size:1rem;font-weight:700;color:var(--bw-text);margin:0 0 .5rem}.bw-tip-text{font-size:.9rem;color:var(--bw-text-muted);margin:0}.bw-faqs{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.bw-faq-item{background:var(--bw-card-bg);border-radius:12px;padding:1.25rem}.bw-faq-question{font-size:1rem;font-weight:700;color:var(--bw-primary);margin:0 0 .75rem}.bw-faq-answer{font-size:.9rem;color:var(--bw-text-muted);margin:0;line-height:1.6}@media (max-width: 768px){.bw-input-grid{grid-template-columns:1fr}.bw-results-grid{grid-template-columns:repeat(2,1fr)}}