*,:before,:after,*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background-color:#0f0f0f;min-height:100vh;font-family:Inter,sans-serif}.app-container{max-width:800px;margin:0 auto;padding:40px 20px}h1{text-align:center;background:linear-gradient(135deg,#00c896,#00a8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem}.subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:1rem}.salary-form{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:32px;padding:32px;display:flex}.salary-form input,.salary-form select{color:#f0f0f0;background:#0f0f0f;border:1px solid #333;border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s}.salary-form input:focus,.salary-form select:focus{border-color:#00c896}.salary-form input::placeholder{color:#555}.salary-form select option{background:#1a1a1a}.salary-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c896,#00a8ff);border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:600;transition:opacity .2s}.salary-form button:disabled{opacity:.6;cursor:not-allowed}.result-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin-bottom:24px;padding:32px}.result-card h2{color:#00c896;margin-bottom:8px;font-size:1.5rem}.result-card h3{color:#f0f0f0;margin-bottom:16px;font-size:1.2rem}.result-card h4{color:#888;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 8px;font-size:1rem}.result-card p{color:#ccc;font-size:.95rem;line-height:1.6}.result-card pre{color:#ccc;white-space:pre-wrap;background:#0f0f0f;border-radius:8px;padding:16px;font-size:.9rem;line-height:1.6}.result-card ul{padding:0;list-style:none}.result-card ul li{color:#ccc;border-bottom:1px solid #2a2a2a;padding:8px 0;font-size:.95rem}.badge{border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.badge.green{color:#00c896;background:#00ff0020;border:1px solid #00ff0050}.badge.yellow{color:gold;background:#ffff0020;border:1px solid #ffff0050}.badge.red{color:#ff6b6b;background:#ff000020;border:1px solid #ff000050}.negotiation-script-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin-bottom:24px;padding:32px}.negotiation-script-card h2{color:#00c896;margin-bottom:16px;font-size:1.2rem}.negotiation-script-card pre{color:#ccc;white-space:pre-wrap;background:#0f0f0f;border-radius:8px;margin-bottom:16px;padding:16px;font-size:.9rem;line-height:1.6}.negotiation-script-card button{color:#f0f0f0;cursor:pointer;background:#1f1f1f;border:1px solid #333;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:border-color .2s}.negotiation-script-card button:hover{border-color:#00c896}@media (width<=600px){h1{font-size:1.8rem}.salary-form,.result-card,.negotiation-script-card{padding:20px}}