*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}.app{min-height:100vh;padding:40px 20px}.container{max-width:1100px;margin:auto}.header{align-items:center;gap:15px;margin-bottom:35px;display:flex}.logo{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.header h1{margin:0;font-size:28px}.header p{color:#64748b;margin:5px 0 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;box-shadow:0 4px 20px #0f172a0d}.card h2,.card h3{margin-top:0}.grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.field input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 14px}.field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-weight:600;display:flex}button:disabled{opacity:.6;cursor:not-allowed}.results{flex-direction:column;gap:20px;margin-top:30px;display:flex}.score-card{color:#fff;background:#0f172a;border-radius:16px;justify-content:space-between;align-items:center;padding:30px;display:flex}.score-card p{opacity:.7;margin:0}.score-card h2{margin:8px 0 0;font-size:48px}.score-card h2 span{opacity:.6;font-size:20px}.priority{text-transform:uppercase;align-items:center;gap:10px;font-weight:700;display:flex}.result-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}li{margin-bottom:10px}.message-card{border-left:4px solid #14b8a6}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:20px;padding:14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.grid,.result-grid{grid-template-columns:1fr}.score-card{flex-direction:column;align-items:flex-start;gap:20px}}