[data-sevin-feedback] { --sf-blue:#154e80; --sf-ink:#132b40; --sf-muted:#536675; --sf-line:#d7e2eb; box-sizing:border-box; max-width:820px; margin:24px auto; padding:clamp(22px,5vw,46px); background:#fff; border:1px solid var(--sf-line); border-radius:20px; box-shadow:0 12px 44px #122f4610; color:var(--sf-ink); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:left; }
[data-sevin-feedback] *, [data-sevin-feedback] *::before, [data-sevin-feedback] *::after {box-sizing:border-box;}
[data-sevin-feedback] [hidden] {display:none!important;}
[data-sevin-feedback] .sf-eyebrow {display:block; color:var(--sf-blue); font-size:11px; font-weight:750; letter-spacing:.14em; margin-bottom:12px;}
[data-sevin-feedback] h2 {font:750 clamp(26px,4vw,35px)/1.2 system-ui,sans-serif; letter-spacing:-.035em; margin:0 0 12px; color:var(--sf-ink);}
[data-sevin-feedback] h3 {font:700 25px/1.3 system-ui,sans-serif; margin:0 0 12px; color:var(--sf-ink);}
[data-sevin-feedback] p {margin:0 0 16px;}
[data-sevin-feedback] .sf-heading>p {color:var(--sf-muted); margin-bottom:30px;}
[data-sevin-feedback] fieldset {min-width:0; margin:0 0 26px; padding:0; border:0;}
[data-sevin-feedback] legend {display:flex; align-items:center; gap:10px; width:100%; margin-bottom:18px; padding:0; font-weight:700; font-size:18px;}
[data-sevin-feedback] .sf-step {display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:#eaf2fa; color:var(--sf-blue); font-size:13px; border-radius:50%;}
[data-sevin-feedback] label {display:block; margin:0 0 16px; font-size:14px; font-weight:650;}
[data-sevin-feedback] select, [data-sevin-feedback] textarea, [data-sevin-feedback] input[type=text], [data-sevin-feedback] input[type=email] {display:block; width:100%; border:1px solid #b8cbdc; border-radius:9px; background:#fff; color:var(--sf-ink); font:400 16px/1.5 system-ui,sans-serif; padding:12px 14px; margin:7px 0 0; box-shadow:none;}
[data-sevin-feedback] textarea {resize:vertical; min-height:96px;}
[data-sevin-feedback] input:focus-visible, [data-sevin-feedback] select:focus-visible, [data-sevin-feedback] textarea:focus-visible, [data-sevin-feedback] button:focus-visible, [data-sevin-feedback] a:focus-visible, [data-sevin-feedback] summary:focus-visible {outline:3px solid #378ed4; outline-offset:3px;}
[data-sevin-feedback] .sf-label {font-size:14px; font-weight:650; margin:0 0 8px;}
[data-sevin-feedback] .sf-choices {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px;}
[data-sevin-feedback] .sf-choice {position:relative; margin:0; font-weight:550; cursor:pointer;}
[data-sevin-feedback] .sf-choice input {position:absolute; opacity:0; width:1px; height:1px;}
[data-sevin-feedback] .sf-choice span {display:block; border:1px solid #b8cbdc; border-radius:8px; padding:10px 14px; font-size:14px; background:#fff;}
[data-sevin-feedback] .sf-choice input:checked+span {border-color:var(--sf-blue); background:#eaf2fa; color:var(--sf-blue); box-shadow:inset 0 0 0 1px var(--sf-blue);}
[data-sevin-feedback] .sf-choice input:focus-visible+span {outline:3px solid #378ed4; outline-offset:2px;}
[data-sevin-feedback] .sf-optional {font-weight:400; color:var(--sf-muted); font-size:12px; margin-left:5px;}
[data-sevin-feedback] .sf-help, [data-sevin-feedback] .sf-privacy {font-size:13px; color:var(--sf-muted); line-height:1.55;}
[data-sevin-feedback] .sf-check {display:flex; gap:10px; align-items:flex-start; font-size:14px; font-weight:450;}
[data-sevin-feedback] .sf-check input {width:18px; height:18px; margin:3px 0 0; flex:0 0 auto; accent-color:var(--sf-blue);}
[data-sevin-feedback] .sf-private {border-top:1px solid var(--sf-line); border-bottom:1px solid var(--sf-line); padding:16px 0; margin-bottom:20px;}
[data-sevin-feedback] summary {cursor:pointer; font-size:14px; font-weight:600;}
[data-sevin-feedback] .sf-private-body {padding-top:18px;}
[data-sevin-feedback] .sf-grid {display:grid; grid-template-columns:1fr 1fr; gap:14px;}
[data-sevin-feedback] .sf-honey {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);}
[data-sevin-feedback] .sf-actions {display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 10px;}
[data-sevin-feedback] button {font:650 14px/1.4 system-ui,sans-serif; border-radius:9px; padding:13px 18px; cursor:pointer; letter-spacing:0; text-transform:none; min-height:46px; transition:background .15s;}
[data-sevin-feedback] .sf-primary {background:var(--sf-blue); color:white; border:1px solid var(--sf-blue);}
[data-sevin-feedback] .sf-primary:hover {background:#103e66;}
[data-sevin-feedback] .sf-secondary {background:#fff; color:var(--sf-blue); border:1px solid #b8cbdc;}
[data-sevin-feedback] .sf-secondary:hover {background:#eef5fb;}
[data-sevin-feedback] button:disabled {opacity:.65; cursor:wait;}
[data-sevin-feedback] .sf-status, [data-sevin-feedback] .sf-copy-status {font-size:14px; color:var(--sf-blue); margin:12px 0;}
[data-sevin-feedback] .sf-error {color:#a32424;}
[data-sevin-feedback] .sf-final {background:#f6f9fc; margin:20px 0; min-height:140px;}
[data-sevin-feedback] a {color:var(--sf-blue); text-decoration:underline;}
[data-sevin-feedback] .sf-google-link {display:inline-block; margin:0 0 20px; font-size:14px;}
@media(max-width:520px) { [data-sevin-feedback] .sf-grid {grid-template-columns:1fr; gap:0;} [data-sevin-feedback] .sf-actions {flex-direction:column;} [data-sevin-feedback] .sf-actions button {width:100%;} }