.hsrp-container{max-width:850px;margin:40px auto;background:#fff;border-radius:24px;box-shadow:0 20px 35px rgb(0 0 0 / .1);padding:30px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif}.hsrp-container h2{color:#1e3c72;margin-bottom:10px;font-weight:700}.hsrp-container p{color:#4a5568;margin-bottom:25px}.hsrp-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.hsrp-col{flex:1;min-width:160px}.hsrp-col label{display:block;font-weight:600;margin-bottom:6px;color:#2c3e50}.hsrp-col input{width:100%;padding:12px;border:1px solid #cbd5e0;border-radius:12px;font-size:16px;transition:all 0.2s;box-sizing:border-box}.hsrp-col input:focus{outline:none;border-color:#2c7da0;box-shadow:0 0 0 3px rgb(44 125 160 / .2)}.hsrp-button{background:#2c7da0;color:#fff;border:none;padding:12px 28px;font-size:18px;font-weight:700;border-radius:40px;cursor:pointer;transition:background 0.2s,transform 0.1s}.hsrp-button:hover{background:#1f5e7a}.hsrp-button:active{transform:scale(.97)}#hsrp-results{margin-top:35px;padding-top:25px;border-top:2px solid #e2e8f0}canvas{max-width:100%;margin:20px 0;background:#f8fafc;border-radius:16px;padding:10px}.hsrp-summary{background:#f0f7ff;padding:18px;border-radius:20px;margin:20px 0;font-size:16px;line-height:1.6}.hsrp-summary p{margin:8px 0}#hsrp-email-report{background:#2b9348;margin-top:10px}#hsrp-email-report:hover{background:#1f7a3b}@media (max-width:640px){.hsrp-container{padding:20px}.hsrp-row{flex-direction:column;gap:12px}.hsrp-col{min-width:auto}}