*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1a1a;color:#fff;font-family:Roboto,sans-serif}.App{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#1a1a1a}.logo{width:200px;height:auto;margin-bottom:20px}h1{color:gold;text-align:center;margin-bottom:30px;font-size:2em}h2{color:gold;margin-bottom:20px}.landing-page{max-width:800px;margin:0 auto;text-align:center}.intro{background:#2a2a2a;padding:30px;border-radius:15px;margin:20px 0;border:2px solid #ffd700}.intro p{margin-bottom:20px;line-height:1.6}.intro ul{text-align:left;margin:20px 40px}.intro li{margin:10px 0;color:gold}.calculator-form{width:100%;max-width:600px;background:#2a2a2a;padding:30px;border-radius:15px;border:2px solid #ffd700}.form-step{margin-bottom:30px}.progress-bar{width:100%;height:10px;background:#333;border-radius:5px;margin-bottom:30px;overflow:hidden}.progress{height:100%;background:#ffd700;transition:width .3s ease}input,select{width:100%;padding:15px;margin:10px 0;border:2px solid #ffd700;border-radius:8px;background:#333;color:#fff;font-size:1.1em}input:focus,select:focus{outline:none;border-color:#fff}button{padding:15px 30px;border:none;border-radius:8px;cursor:pointer;font-size:1.1em;transition:all .3s ease}.start-button{background:#ffd700;color:#000;font-weight:700;margin-top:20px;width:200px}.next-button{background:#ffd700;color:#000;font-weight:700}.back-button{background:#333;color:gold;border:2px solid #ffd700;margin-right:10px}.form-buttons{display:flex;justify-content:flex-end;gap:10px}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}button:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.gender-selection{display:flex;gap:20px;justify-content:center}.gender-option{flex:1;padding:20px;background:#333;border:2px solid #ffd700;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.gender-option img{width:100px;height:100px;border-radius:50%;object-fit:cover}.gender-option.selected{background:#ffd700;color:#000}.weight-input-container{position:relative}.manual-weight-input{display:flex;align-items:center}.weight-unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:gold}.results-container{width:100%;max-width:800px;background:#2a2a2a;padding:30px;border-radius:15px;border:2px solid #ffd700}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.result-item{background:#333;padding:20px;border-radius:10px;text-align:center;border:2px solid #444}.result-item h3{color:gold;margin-bottom:10px;font-size:1.1em}.result-item p{font-size:1.4em;color:#fff}.reset-button{background:#ffd700;color:#000;width:100%;max-width:300px;margin:0 auto;display:block}.goal-selection{display:flex;flex-direction:column;gap:15px;margin:20px 0}.goal-selection h3{color:gold;margin:10px 0;font-size:1.2em}.goal-option{background:#333;border:2px solid #ffd700;border-radius:8px;padding:15px 20px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.1em}.goal-option:hover{background:#404040;transform:translateY(-2px)}.goal-option.selected{background:#ffd700;color:#000}.highlight{border-color:gold!important;background:#333!important}.goal-description{font-size:1em!important;color:gold!important;margin-bottom:10px}