.stp-public{max-width:900px;margin:40px auto;font-family:Arial,sans-serif}.stp-box{background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.08)}.stp-box h2{font-size:30px;margin:0 0 8px}.stp-box>p{color:#667085}.stp-box form{display:flex;gap:10px;margin:25px 0}.stp-box form input{flex:1;padding:15px;border:1px solid #ccc;border-radius:8px;font-size:16px}.stp-box form button{background:#2563eb;color:white;border:0;border-radius:8px;padding:15px 22px;font-weight:700}.stp-error{background:#fff1f2;color:#b42318;padding:14px;border-radius:8px}.stp-result{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.stp-result-top{background:#f8fafc;padding:22px;display:flex;justify-content:space-between}.stp-result-top small,.stp-info small{display:block;color:#667085;margin-bottom:5px}.stp-result-top strong{font-size:20px}.stp-result-top span{background:#dbeafe;color:#1d4ed8;padding:8px 12px;border-radius:20px;font-weight:700}.stp-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.stp-timeline{border-top:1px solid #eee;padding:22px}.stp-event{display:flex;gap:12px;padding:9px 0}.stp-event i{width:10px;height:10px;background:#2563eb;border-radius:50%;margin-top:6px;flex:none}@media(max-width:650px){.stp-box{padding:22px}.stp-box form{display:block}.stp-box form input,.stp-box form button{width:100%;box-sizing:border-box;margin-bottom:10px}.stp-info{grid-template-columns:1fr}.stp-result-top{display:block}.stp-result-top span{display:inline-block;margin-top:10px}}