.op-wrap{max-width:1180px;margin:40px auto;padding:0 18px;font-family:inherit;color:#17202a}
.op-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.op-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;opacity:.65}
.op-header h2,.op-form-title h3{margin:6px 0;font-size:32px;line-height:1.15}
.op-header p{margin:8px 0 0;opacity:.7}
.op-rating-summary{min-width:160px;text-align:center;padding:15px 20px;border:1px solid #e8eaed;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.op-rating-summary strong{display:block;font-size:32px}.op-stars-static,.op-stars{color:#f4b400;letter-spacing:2px}.op-rating-summary small{display:block;margin-top:4px;opacity:.6}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.op-card{background:#fff;border:1px solid #e9ecef;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.op-card-top{display:flex;align-items:center;gap:12px}.op-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;flex:0 0 54px}.op-avatar img{width:100%;height:100%;object-fit:cover}.op-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#eef2f6;font-size:20px;font-weight:800}
.op-client{display:flex;flex-direction:column;flex:1}.op-client strong{font-size:16px}.op-client span{font-size:12px;opacity:.6;margin-top:3px}.op-verified{width:22px;height:22px;border-radius:50%;background:#1d9bf0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.op-stars{font-size:17px;margin:17px 0 10px}.op-text{font-size:15px;line-height:1.65;color:#46515c}.op-text p:last-child{margin-bottom:0}
.op-form-box{margin-top:38px;padding:30px;border-radius:20px;background:#f7f8fa;border:1px solid #e7e9ec}.op-form-title{margin-bottom:20px}.op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.op-form-box label{display:block;font-weight:700;font-size:14px;margin:14px 0}.op-form-box input,.op-form-box textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px 14px;border:1px solid #d7dce1;border-radius:10px;background:#fff;font:inherit}.op-form-box textarea{resize:vertical}
.op-form-box small{display:block;margin-top:6px;font-weight:400;opacity:.6}.op-stars-input{display:flex;gap:2px;margin-top:8px}.op-star-btn{border:0;background:transparent;color:#cbd0d6;font-size:29px;cursor:pointer;padding:0 4px}.op-star-btn.active,.op-star-btn:hover{color:#f4b400}
.op-submit{margin-top:12px;border:0;border-radius:10px;padding:13px 20px;background:#17202a;color:#fff;font-weight:800;cursor:pointer}.op-submit:disabled{opacity:.55;cursor:wait}
#op-status{margin-top:13px;font-weight:700}.op-empty{padding:25px;border:1px dashed #ccd2d8;border-radius:15px;text-align:center;opacity:.7}.op-hp{position:absolute;left:-9999px}
@media(max-width:850px){.op-grid{grid-template-columns:1fr 1fr}.op-header{align-items:start;flex-direction:column}.op-rating-summary{width:100%;box-sizing:border-box}.op-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.op-grid{grid-template-columns:1fr}.op-header h2{font-size:27px}}