html,body,div,header,footer,nav,main,section,article,h1,h2,h3,h4,h5,h6,p,span,a,img,ul,ol,li,form,input,button,dl,dt,dd,pre,fieldset,textarea,blockquote,th,td{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f8f9fa;color:#333;line-height:1.5}.breadcrumb{font-size:14px;color:#666;padding:16px 0;}.breadcrumb a{color:#596b78;text-decoration:none;transition:all .2s ease;}.breadcrumb a:hover{color:#0056b3;text-decoration:underline;}.breadcrumb .separator{margin:0 3px;color:#999;}.breadcrumb .current{color:#999;}.page-header{background:#fff;padding:24px 16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1);}.page-header h1{font-size:24px;font-weight:600;color:#333;margin-bottom:6px;}.page-header p{font-size:14px;color:#666;}.container{max-width:800px;margin:0 auto;padding:0 16px;}.form-section{background:#fff;margin:32px auto;padding:32px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #f0f0f0;}.form-group{margin-bottom:24px;}.form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}.form-control{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color 0.2s ease,box-shadow 0.2s ease;}.form-control:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,0.1);}.form-control:invalid{border-color:#dc3545;}.form-control[readonly]{background-color:#f8f9fa;border-color:#e9ecef;}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block;text-align:center;}.btn-primary{background:#0056b3;color:white;}.btn-primary:hover{background:#004494;transform:translateY(-1px);}.faq-section{background:#fff;margin:32px auto;padding:32px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #f0f0f0;}.faq-section h2{text-align:center;font-size:24px;font-weight:600;color:#333;margin-bottom:32px;}.faq-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;}.faq-item h5{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;}.faq-item p{font-size:14px;color:#666;line-height:1.6;}.footer{background:#fff;margin-top:32px;padding:20px 16px;text-align:center;border-top:1px solid #eee;}.footer p{font-size:13px;color:#999;margin-bottom:8px;}.footer a{color:#666;text-decoration:none;margin:0 12px;font-size:12px;}.footer a:hover{color:#333;}.error-message{color:#dc3545;font-size:14px;margin-top:4px;display:none;}.form-control.is-invalid + .error-message{display:block;}.chart-section{background:#fff;margin:32px auto;padding:32px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #f0f0f0;display:none;}.chart-section.show{display:block;}.chart-section h3{text-align:center;font-size:20px;font-weight:600;color:#333;margin-bottom:24px;}.bml-scale{position:relative;height:60px;background:linear-gradient(to right,#3498db 0%,#2ecc71 25%,#f39c12 50%,#e74c3c 75%,#c0392b 100%);border-radius:30px;margin:20px 0;overflow:hidden;}.bml-labels{display:flex;justify-content:space-between;margin:10px 0;font-size:12px;}.bml-label{text-align:center;flex:1;padding:0 5px;}.bml-label .value{font-weight:600;color:#333;}.bml-label .text{color:#666;font-size:11px;}.bml-pointer{position:absolute;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #333;transform:translateX(-50%);transition:left 0.3s ease;}.bml-pointer::after{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:2px;height:50px;background:#333;}.result-display{text-align:center;margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #0056b3;}.result-display .bml-value{font-size:36px;font-weight:700;color:#333;margin-bottom:8px;}.result-display .bml-category{font-size:18px;font-weight:600;margin-bottom:4px;}.result-display .bml-advice{font-size:14px;color:#666;line-height:1.5;}.category-underweight{color:#3498db;}.category-normal{color:#2ecc71;}.category-overweight{color:#f39c12;}.category-obese{color:#e74c3c;}.category-severely-obese{color:#c0392b;}@media (max-width:768px){.page-header{padding:32px 16px;}.page-header h1{font-size:28px;}.form-section,.faq-section,.chart-section{margin:20px auto;padding:24px 20px;}.faq-row{grid-template-columns:1fr;gap:24px;}.result-display .bml-value{font-size:28px;}.bml-labels{font-size:10px;}.bml-label .value{font-size:10px;}.bml-label .text{font-size:9px;}}