.ccc-scope{--ccc-hot:var(--hot,#e85d4e)}.ccc-scope.ccc-page{background:var(--bg);flex:1;min-height:0}.ccc-scope .ccc-page-header{border-bottom:1px solid var(--line);background:var(--surface);padding:28px 0 32px}.ccc-scope .ccc-page-header-divider{background:linear-gradient(90deg,var(--brand)0%,var(--brand-dark)100%);border-radius:999px;width:48px;height:3px;margin:0 auto 18px}.ccc-scope .ccc-page-title{color:var(--ink);text-align:center;margin:0;font-size:clamp(1.75rem,2.5vw,2.125rem);font-weight:700;line-height:1.25}.ccc-scope .ccc-page-subtitle{text-align:center;max-width:42rem;color:var(--ink-2);margin:12px auto 0;font-size:15px;line-height:1.75}.ccc-scope .ccc-page-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.ccc-scope .ccc-page-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ccc-scope .ccc-page-stat-value{color:var(--brand-dark);font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:700;line-height:1}.ccc-scope .ccc-page-stat-label{color:var(--ink-3);font-size:11.5px}.ccc-scope .ccc-page-stat-divider{background:var(--line);width:1px;height:32px}.ccc-scope .ccc-layout{grid-template-columns:1fr;justify-content:stretch;justify-items:stretch;gap:24px;width:100%;padding:24px 0 40px;display:grid}@media (max-width:900px){.ccc-scope .wh-container{padding:0 20px}}@media (max-width:600px){.ccc-scope .wh-container{padding:0 16px}}@media (max-width:380px){.ccc-scope .wh-container{padding:0 14px}}@media (min-width:901px){.ccc-scope .ccc-layout{grid-template-columns:300px 1fr;align-items:start;gap:24px}}.ccc-scope .ccc-sidebar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-self:stretch;padding:18px 16px 20px;position:relative;box-shadow:0 4px 18px #0000000a}@media (max-width:900px){.ccc-scope .ccc-layout>.ccc-sidebar{display:none}}@media (min-width:901px){.ccc-scope .ccc-sidebar{grid-area:1/1;align-self:start;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}}.ccc-scope .ccc-layout>main{justify-self:stretch;width:100%;min-width:0;min-height:500px}@media (min-width:901px){.ccc-scope .ccc-layout>main{grid-area:1/2}}.ccc-scope .ccc-sidebar-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.ccc-scope .ccc-sidebar-title{color:var(--ink);align-items:center;font-size:14px;font-weight:700;display:flex}.ccc-scope .ccc-sidebar-icon{background:var(--brand-softer);width:24px;height:24px;color:var(--brand-dark);border-radius:6px;justify-content:center;align-items:center;margin-left:6px;font-size:13px;display:inline-flex}.ccc-scope .ccc-sidebar-reset{color:var(--brand-dark);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none}.ccc-scope .ccc-sidebar-reset:hover{text-decoration:underline}.ccc-scope .ccc-filter-group{margin-bottom:20px}.ccc-scope .ccc-filter-group:last-of-type{margin-bottom:0}.ccc-scope .ccc-filter-title{color:var(--ink-2);margin-bottom:10px;font-size:12px;font-weight:700}.ccc-scope .ccc-color-family-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ccc-scope .ccc-color-family-item{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.ccc-scope .ccc-color-family-item:hover:not(.is-disabled){border-color:var(--brand);background:var(--brand-softer);transform:translateY(-1px)}.ccc-scope .ccc-color-family-item.is-disabled{opacity:.45;cursor:not-allowed}.ccc-scope .ccc-color-family-item input{opacity:0;width:0;height:0;position:absolute}.ccc-scope .ccc-color-family-item:has(input:checked){border-color:var(--brand);background:var(--brand-softer);box-shadow:0 2px 8px #c9a24a26}.ccc-scope .ccc-color-family-swatch{border:1px solid #00000014;border-radius:6px;flex-shrink:0;width:32px;height:32px}.ccc-scope .ccc-color-family-label{color:var(--ink-2);text-align:center;font-size:10.5px;font-weight:600;line-height:1.2}.ccc-scope .ccc-color-family-count{color:var(--ink-3);background:var(--surface-2);border-radius:999px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px}.ccc-scope .ccc-filter-options{flex-direction:column;gap:6px;display:flex}.ccc-scope .ccc-filter-option{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.ccc-scope .ccc-filter-option:hover:not(.is-disabled){border-color:var(--brand);background:var(--brand-softer)}.ccc-scope .ccc-filter-option.is-disabled{opacity:.45;cursor:not-allowed}.ccc-scope .ccc-filter-option-left{align-items:center;gap:8px;min-width:0;display:flex}.ccc-scope .ccc-filter-option input{opacity:0;width:0;height:0;position:absolute}.ccc-scope .ccc-filter-checkbox{border:1px solid var(--line-2);background:var(--surface);border-radius:4px;flex-shrink:0;width:16px;height:16px}.ccc-scope .ccc-filter-option:has(input:checked) .ccc-filter-checkbox{background:linear-gradient(135deg,var(--brand)0%,var(--brand-dark)100%);border-color:var(--brand-dark);box-shadow:inset 0 0 0 2px var(--surface)}.ccc-scope .ccc-filter-label{color:var(--ink);font-size:12.5px;font-weight:500;line-height:1.35}.ccc-scope .ccc-filter-count{color:var(--ink-3);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.ccc-scope .ccc-code-search-input{border:1px solid var(--line-2);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s}.ccc-scope .ccc-code-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c9a24a1f}.ccc-scope .ccc-code-search-input::placeholder{color:var(--ink-3)}.ccc-scope .ccc-code-search-hint{color:var(--ink-3);margin-top:6px;font-size:10.5px}.ccc-scope .ccc-sort-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0 8px;display:flex}.ccc-scope .ccc-sort-meta{color:var(--ink-3);font-size:12px}.ccc-scope .ccc-sort-tools{align-items:center;gap:10px;display:flex}.ccc-scope .ccc-sort-label{color:var(--ink-3);font-size:11px}.ccc-scope .ccc-sort-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;padding:6px 28px 6px 10px;font-family:inherit;font-size:12px}.ccc-scope .ccc-swipe-hint{color:var(--ink-3);margin:0 0 10px;padding:0 2px;font-size:11px;line-height:1.4;display:none}@media (max-width:900px){.ccc-scope .ccc-swipe-hint{display:block}}@media (min-width:901px){.ccc-scope .ccc-swipe-hint{display:none!important}}.ccc-scope .ccc-colors-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}@media (min-width:781px){.ccc-scope .ccc-colors-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1181px){.ccc-scope .ccc-colors-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (max-width:420px){.ccc-scope .ccc-colors-grid{gap:12px}}@media (max-width:780px){.ccc-scope .ccc-colors-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-flow:row;gap:14px;width:100%;max-width:100%;padding:4px 2px 14px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.ccc-scope .ccc-colors-grid .color-card{scroll-snap-align:center;flex:0 0 min(280px,100vw - 40px);max-width:min(280px,100vw - 40px)}.ccc-scope .ccc-layout>main{padding-top:4px}}@media (max-width:340px){.ccc-scope .ccc-colors-grid .color-card{flex-basis:min(260px,100vw - 32px);max-width:min(260px,100vw - 32px)}}.ccc-scope .color-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;animation:.4s backwards ccc-mini-rise;display:flex;position:relative;overflow:hidden}.ccc-scope .color-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 20px #a6842f1f}.ccc-scope .color-preview{aspect-ratio:1;background:var(--color-value,var(--surface-2));position:relative;overflow:hidden}.ccc-scope .color-preview:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#0000000f 0%,#0000 50%);position:absolute;inset:0}.ccc-scope .color-wishlist-host{z-index:4;position:absolute;top:10px;left:10px}.ccc-scope .color-wishlist{-webkit-backdrop-filter:blur(10px);color:#fffffff2;cursor:pointer;z-index:3;opacity:1;appearance:none;text-indent:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:13px;transition:all .2s;top:10px;left:10px;overflow:hidden;box-sizing:border-box!important;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:50%!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0!important;line-height:1!important;display:inline-flex!important;position:absolute!important}.ccc-scope .color-wishlist:hover{color:#e85d4e;transform:scale(1.1);background:#ffffff59!important;border-color:#ffffff80!important}.ccc-scope .color-wishlist.active{box-shadow:0 2px 8px #e85d4e4d;color:#e85d4e!important;background:#fff!important;border-color:#fff!important}.ccc-scope .color-wishlist.active:hover{background:#fff5f4!important}.ccc-scope .color-wishlist:active{transform:scale(.95)}@media (max-width:600px){.ccc-scope .color-wishlist{font-size:12px;top:8px;left:8px;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important}}@media (max-width:380px){.ccc-scope .color-wishlist{font-size:11px;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important}}.ccc-scope .color-finish-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);z-index:3;background:#fffffff5;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #00000014}.ccc-scope .color-request-btn{cursor:pointer;z-index:4;white-space:nowrap;opacity:1;letter-spacing:.2px;border:none;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:10.5px;font-weight:600;transition:all .2s;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #a6842f59;color:#fff!important;background:linear-gradient(135deg,#c9a24a 0%,#a6842f 100%)!important}.ccc-scope .color-request-btn:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 4px 12px #a6842f80}.ccc-scope .color-request-btn:active{transform:translateY(0)scale(.98)}.ccc-scope .color-request-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ccc-scope .color-content{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.ccc-scope .color-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ccc-scope .color-card .color-code{color:var(--brand-dark);letter-spacing:.3px;background:var(--brand-softer);border:1px solid var(--brand-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:52%;padding:3px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.ccc-scope .color-spec-inline{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:48%;font-size:11px;font-weight:500;overflow:hidden}.ccc-scope .color-spec-inline:before{content:"◆";color:var(--brand);margin-inline-end:4px;font-size:8px}.ccc-scope .color-maker-row{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:5px;margin-top:2px;padding-top:8px;font-size:10.5px;display:flex}.ccc-scope .color-maker-icon{background:var(--brand-softer);width:14px;height:14px;color:var(--brand-dark);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;display:flex}.ccc-scope .color-maker-name{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;overflow:hidden}.ccc-scope .color-maker-name:hover{color:var(--brand-dark)}.ccc-scope .color-card-accordion{border-top:1px solid var(--line);margin-top:0}.ccc-scope .color-card-accordion-summary{cursor:pointer;color:var(--brand-dark);-webkit-user-select:none;user-select:none;background:linear-gradient(#c9a24a0f,#0000);padding:9px 12px 8px;font-size:11px;font-weight:700;list-style:none}.ccc-scope .color-card-accordion-summary::-webkit-details-marker{display:none}.ccc-scope .color-card-accordion[open] .color-card-accordion-summary{border-bottom:1px solid var(--line-2)}.ccc-scope .color-card-accordion-body{color:var(--ink-2);padding:10px 12px 12px;font-size:11px;line-height:1.55}.ccc-scope .color-card-accordion-dl{grid-template-columns:auto 1fr;gap:6px 10px;margin:0 0 10px;display:grid}.ccc-scope .color-card-accordion-dl dt{color:var(--ink-3);white-space:nowrap;margin:0;font-weight:600}.ccc-scope .color-card-accordion-dl dd{word-break:break-word;margin:0}.ccc-scope .color-card-accordion-link{color:var(--brand-dark);align-items:center;gap:4px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.ccc-scope .color-card-accordion-link:hover{text-decoration:underline}.ccc-scope .color-quick-action{opacity:0;color:var(--brand-dark);white-space:nowrap;font-size:11px;font-weight:600;transition:opacity .2s}.ccc-scope .color-card:hover .color-quick-action{opacity:1}.ccc-scope .color-card:first-child{animation-delay:30ms}.ccc-scope .color-card:nth-child(2){animation-delay:60ms}.ccc-scope .color-card:nth-child(3){animation-delay:90ms}.ccc-scope .color-card:nth-child(4){animation-delay:.12s}.ccc-scope .color-card:nth-child(5){animation-delay:.15s}.ccc-scope .color-card:nth-child(6){animation-delay:.18s}.ccc-scope .color-card:nth-child(7){animation-delay:.21s}.ccc-scope .color-card:nth-child(8){animation-delay:.24s}.ccc-scope .color-card:nth-child(9){animation-delay:.27s}.ccc-scope .color-card:nth-child(10){animation-delay:.3s}.ccc-scope .color-card:nth-child(11){animation-delay:.33s}.ccc-scope .color-card:nth-child(12){animation-delay:.36s}@keyframes ccc-mini-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:780px){.ccc-scope .color-quick-action{opacity:1}}@media (max-width:600px){.ccc-scope .color-request-btn{padding:4px 11px;font-size:10px;bottom:10px;right:10px}}@media (max-width:380px){.ccc-scope .color-request-btn{padding:4px 10px;font-size:9.5px}}.ccc-scope .preview-img-fill{z-index:0;position:absolute;inset:0}.ccc-scope .ccc-loading,.ccc-scope .ccc-empty{text-align:center;color:var(--ink-3);padding:48px 24px;font-size:14px}.ccc-scope .ccc-pagination{justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.ccc-scope .ccc-pagination button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.ccc-scope .ccc-pagination button:disabled{opacity:.45;cursor:not-allowed}.ccc-scope .empty-state{background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center;margin-top:0;padding:60px 24px;animation:.4s ccc-mini-rise}.ccc-scope .empty-state-icon{background:var(--brand-softer);border:1px solid var(--brand-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:32px;display:flex}.ccc-scope .empty-state-title{color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:700}.ccc-scope .empty-state-text{color:var(--ink-3);max-width:320px;margin:0 auto 20px;font-size:13px;line-height:1.6}.ccc-scope .empty-state-btn{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;box-shadow:0 3px 10px #a6842f40}.ccc-scope .empty-state-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #a6842f59}.ccc-req-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#1a1a1aa6;justify-content:center;align-items:center;padding:20px;animation:.25s ccc-req-fade;display:none;position:fixed;inset:0}.ccc-req-overlay.active{display:flex}.ccc-req-modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;animation:.3s ccc-req-slide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ccc-req-header{background:var(--brand);color:#fff;padding:24px 24px 20px;position:relative;overflow:hidden}@media (max-width:599px){.ccc-req-overlay{justify-content:stretch;align-items:stretch;padding:0}.ccc-req-modal{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh;animation:none}}.ccc-req-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0000001a 0%,#0000 50%);position:absolute;inset:0}.ccc-req-header>*{z-index:1;position:relative}.ccc-req-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:32px;height:32px;color:inherit;cursor:pointer;z-index:2;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex;position:absolute;top:14px;left:14px}.ccc-req-close:hover{background:#ffffff4d;transform:rotate(90deg)}.ccc-req-color-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3px;background:#fff3;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:5px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;display:inline-flex}.ccc-req-title{text-shadow:0 1px 3px #0003;margin-bottom:8px;font-size:22px;font-weight:700}.ccc-req-subtitle{opacity:.95;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.ccc-req-body{padding:24px}.ccc-req-color-summary{background:var(--surface-2);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px;display:flex}.ccc-req-swatch{background:var(--brand);border:2px solid #fff;border-radius:8px;flex-shrink:0;width:52px;height:52px;box-shadow:0 2px 8px #0000001a}.ccc-req-color-info{flex:1}.ccc-req-info-row{color:var(--ink-2);align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.ccc-req-info-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.ccc-req-info-value{color:var(--ink);direction:ltr;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600}.ccc-req-section-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.ccc-req-section-title:before{content:"";background:linear-gradient(180deg,var(--brand),var(--brand-dark));border-radius:2px;width:3px;height:14px}.ccc-req-form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.ccc-req-form-group{margin-bottom:14px}.ccc-req-label{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.ccc-req-input,.ccc-req-textarea,.ccc-req-select{border:1px solid var(--line-2);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.ccc-req-input:focus,.ccc-req-textarea:focus,.ccc-req-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c9a24a1a}.ccc-req-input::-moz-placeholder{color:var(--ink-3)}.ccc-req-textarea::-moz-placeholder{color:var(--ink-3)}.ccc-req-input::placeholder,.ccc-req-textarea::placeholder{color:var(--ink-3)}.ccc-req-textarea{resize:vertical;min-height:70px}.ccc-req-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238A8A82' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:12px 50%;background-repeat:no-repeat;padding-left:32px}.ccc-req-input-unit-wrap{position:relative}.ccc-req-input-unit-wrap .ccc-req-input{padding-left:52px}.ccc-req-input-unit{color:var(--ink-3);background:var(--surface-2);pointer-events:none;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ccc-req-footer{border-top:1px solid var(--line);background:var(--surface);gap:10px;padding:16px 24px 24px;display:flex}.ccc-req-btn-cancel{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.ccc-req-btn-cancel:hover{border-color:var(--brand);color:var(--brand-dark)}.ccc-req-btn-submit{background:linear-gradient(135deg,var(--brand)0%,var(--brand-dark)100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1.6;justify-content:center;align-items:center;gap:6px;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 10px #a6842f40}.ccc-req-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #a6842f59}.ccc-req-btn-submit:disabled{opacity:.65;cursor:wait}.ccc-req-success{text-align:center;padding:60px 40px;display:none}.ccc-req-success.active{display:block}.ccc-req-success-icon{background:var(--verified-soft,#e6f4ec);width:60px;height:60px;color:var(--verified);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;animation:.4s ccc-mini-rise;display:flex}.ccc-req-success-title{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700}.ccc-req-success-text{color:var(--ink-2);font-size:13px;line-height:1.6}.ccc-req-success-close{min-width:180px;margin-top:24px}.ccc-req-invalid{border-color:var(--hot,#e85d4e)!important}@media (max-width:780px){.ccc-req-form-row{grid-template-columns:1fr}}@media (max-width:420px){.ccc-req-header{padding:18px 18px 16px}.ccc-req-body{padding:18px}.ccc-req-footer{padding:14px 18px 18px}}@keyframes ccc-req-fade{0%{opacity:0}to{opacity:1}}@keyframes ccc-req-slide{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}