.ots-wrap{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:30px;background:#f5f7fb}
.ots-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(22,33,68,0.08);padding:22px;max-width:720px;width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.ots-form-card h2,.ots-secret-card h2{margin-top:0;margin-bottom:12px;font-size:20px;color:#0f1724}
.ots-form-card label{display:block;margin-bottom:10px;font-size:14px;color:#334155}
.ots-form-card input[type="text"],.ots-form-card input[type="email"],.ots-form-card textarea,.ots-form-card select{width:100%;padding:10px;border:1px solid #e6e9ef;border-radius:8px;background:#fff;font-size:14px;box-sizing:border-box}
.ots-grid{display:flex;gap:12px;align-items:center}
.ots-actions{margin-top:12px}
.ots-btn{background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:600}
.ots-hint{color:#6b7280;font-size:13px;margin-top:12px}
.ots-secret-card .ots-secret-text{background:#0b1220;color:#fff;padding:16px;border-radius:8px;overflow:auto;font-family:monospace;white-space:pre-wrap}
.ots-secret-card .ots-expires{color:#475569;font-size:13px;margin-bottom:8px}
.ots-note{color:#6b7280;font-size:13px;margin-top:12px}
.ots-error{border-left:4px solid #f97316;padding:16px}
@media (max-width:600px){ .ots-card{margin:12px;padding:16px} .ots-grid{flex-direction:column} }