.csb .csb-web-panel{margin-top:16px;padding:clamp(16px,2vw,24px);border:1px solid rgba(82,218,225,.26);border-radius:20px;background:linear-gradient(145deg,rgba(8,27,39,.96),rgba(13,25,38,.9));box-shadow:0 18px 60px rgba(0,0,0,.24)}
.csb .csb-web-panel h3{margin:0 0 6px;font-size:clamp(18px,2vw,23px);color:#fff}
.csb .csb-web-panel>p{margin:0 0 16px;color:#b9c9d2;line-height:1.55}
.csb .csb-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 18px}
.csb .csb-service{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(160,196,211,.22);border-radius:12px;background:rgba(255,255,255,.035);color:#eefbff;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.csb .csb-service:hover{border-color:rgba(39,224,230,.62);background:rgba(35,190,201,.08);transform:translateY(-1px)}
.csb .csb-service input{width:20px;height:20px;accent-color:#22dbe3;flex:0 0 auto}
.csb .csb-consent{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;color:#dce9ee;line-height:1.5;margin:4px 0 16px}
.csb .csb-consent input{width:20px;height:20px;margin-top:2px;accent-color:#22dbe3}
.csb .csb-consent a,.csb .csb-back{color:#58e4e9;text-underline-offset:3px}
.csb .csb-send-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.csb #csbSendRequest{min-height:48px;padding:0 22px;border:1px solid #42eef3;border-radius:12px;background:linear-gradient(135deg,#26dce4,#54f0d0);color:#06151d;font:700 15px/1.2 inherit;cursor:pointer;box-shadow:0 10px 32px rgba(23,213,221,.2)}
.csb #csbSendRequest:disabled{opacity:.55;cursor:wait}
.csb #csbSendStatus{min-height:24px;color:#b9cbd4;line-height:1.5}
.csb #csbSendStatus[data-state="error"]{color:#ff9fa8}
.csb #csbSendStatus[data-state="success"]{color:#73f1c9}
.csb .csb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.csb .csb-project-context{display:grid;gap:3px;margin:0 0 16px;padding:13px 15px;border:1px solid rgba(82,218,225,.34);border-radius:13px;background:rgba(29,191,202,.08);color:#d8f8fa}
.csb .csb-project-context strong{color:#65ebf0;overflow-wrap:anywhere}
.csb .csb-project-context span{color:#bfd0d8;font-size:13px}
.csb .csb-project-options{margin:0 0 18px;padding:16px;border:1px solid rgba(160,196,211,.22);border-radius:14px;background:rgba(255,255,255,.025)}
.csb .csb-project-options legend{padding:0 7px;color:#eefbff;font-weight:750}
.csb .csb-project-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.csb .csb-project-option-grid label{display:grid;gap:7px;color:#dce9ee;font-size:13px;font-weight:700}
.csb .csb-project-option-grid select{width:100%;min-height:46px;padding:9px 11px;border:1px solid rgba(160,196,211,.3);border-radius:10px;background:#081a26;color:#f3fbfd;font:inherit}
.csb .csb-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.csb .csb-special-grid label{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid rgba(160,196,211,.18);border-radius:10px;color:#dce9ee;font-size:12px}
.csb .csb-special-grid input{width:18px;height:18px;accent-color:#22dbe3}
.csb .csb-project-price{display:block;margin-top:12px;padding:11px 12px;border-radius:10px;background:rgba(35,190,201,.09);color:#6cecf0;font-weight:700;line-height:1.45}
.csb .csb-project-warning{margin:10px 0 0!important;color:#b9c9d2!important;font-size:12px;line-height:1.5}
.csb-embedded{background:#071019}
.csb-embedded .csb{min-height:auto}
.csb .csb-photo-guide{margin:0 0 18px;border:1px solid rgba(160,196,211,.2);border-radius:14px;background:rgba(255,255,255,.025)}
.csb .csb-photo-guide summary{min-height:48px;padding:14px 16px;color:#effbff;font-weight:700;cursor:pointer}
.csb .csb-photo-guide>p{margin:0;padding:0 16px 14px;color:#b9c9d2;line-height:1.55}
.csb .csb-photo-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px}
.csb .csb-photo-examples figure{margin:0;overflow:hidden;border-radius:12px;background:#07141e}
.csb .csb-photo-examples img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.csb .csb-photo-examples figcaption{padding:10px 12px;color:#c6d6dc;font-size:12px;line-height:1.4}
.csb :is(.csb-service,.csb-consent,#csbSendRequest,.csb-back):focus-within,.csb #csbSendRequest:focus-visible,.csb .csb-back:focus-visible{outline:3px solid rgba(83,235,241,.85);outline-offset:3px}
.csb .csb-back{position:fixed;top:12px;right:12px;z-index:9998;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid rgba(84,223,230,.5);border-radius:999px;background:rgba(5,18,29,.88);backdrop-filter:blur(10px);font:650 13px/1.2 system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.3)}
@media(max-width:620px){.csb .csb-service-grid,.csb .csb-photo-examples,.csb .csb-project-option-grid,.csb .csb-special-grid{grid-template-columns:1fr}.csb .csb-send-row{align-items:stretch}.csb #csbSendRequest{width:100%}.csb .csb-back{position:static;margin:10px 12px 0}}
@media(prefers-reduced-motion:reduce){.csb .csb-service{transition:none}}