img,svg,canvas{max-width:100%;display:block}body[data-ui-page=contact] .logo-text{letter-spacing:-.6px;white-space:nowrap;color:#0000;background-image:linear-gradient(115deg,#e8008f 0%,#8a2be2 90%);-webkit-background-clip:text;background-clip:text;font-size:clamp(15px,2.6vw,22px);font-weight:800;transition:filter .2s}body[data-ui-page=contact] .logo-text span{color:#0000;background-image:linear-gradient(115deg,#2563eb 0%,#00a3ff 90%);-webkit-background-clip:text;background-clip:text}.ct-page{padding-top:clamp(16px,4vw,40px);padding-bottom:clamp(20px,4vw,40px);padding-bottom:calc(clamp(20px, 4vw, 40px) + env(safe-area-inset-bottom));flex-direction:column;gap:clamp(14px,2.6vw,20px);display:flex}.ct-crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.ct-crumb a{color:#4f46e5;font-weight:700}.ct-crumb svg{color:#9aa0b5;flex:none}.ct-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ct-hero h1{letter-spacing:-.4px;background:linear-gradient(115deg,#2643e6 0%,#8a2be2 50%,#ec008c 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,4vw,30px);font-weight:800;animation:5s linear infinite shine}@keyframes shine{to{background-position:200% 0}}.ct-hero p{color:var(--muted);max-width:520px;font-size:clamp(12px,2vw,14px);line-height:1.6}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.qcard{background:#fff;border:1px solid #eceef8;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:14px;transition:all .15s;display:flex}.qcard:hover{border-color:#d9d2f7;transform:translateY(-2px);box-shadow:0 12px 26px #1e28781a}.qcard .qi{border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.qcard:first-child .qi{color:#4f46e5;background:#eef0ff}.qcard:nth-child(2) .qi{color:#ec008c;background:#ffeaf6}.qcard:nth-child(3) .qi{color:#0090f0;background:#e8f6ff}.qcard b{font-size:12.5px;display:block}.qcard span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;display:block;overflow:hidden}.ct-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:12px;display:grid}.panel{background:#fff;border:1px solid #eceef8;border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:clamp(14px,2.6vw,20px);display:flex}.panel-title{align-items:center;gap:8px;font-size:clamp(13px,2vw,15px);font-weight:800;display:flex}.panel-title .dot{background:var(--grad);border-radius:50%;flex:none;width:8px;height:8px}.frow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label{color:#171b34;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:700;display:flex}.field .cnt{color:#9aa0b5;font-size:10px;font-weight:600}.control{background:#fff;border:1px solid #e3e6f3;border-radius:10px;align-items:center;gap:8px;height:clamp(44px,6vw,48px);padding:0 12px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.control:focus-within{border-color:#8a2be2;box-shadow:0 0 0 4px #8a2be01f}.control .lead{color:#8a8fa8;flex:none}.control input,.control select{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font:600 clamp(13px,1.8vw,14px) Inter,sans-serif}.control select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23141838' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:20px}.control-select{padding:0;position:relative}.control-select .lead{z-index:1;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.control-select select{cursor:pointer;background-image:none;width:100%;height:100%;padding:0 44px 0 46px}.control-select:after{content:"";pointer-events:none;border-bottom:2px solid #171b34;border-right:2px solid #171b34;width:8px;height:8px;position:absolute;top:50%;right:15px;transform:translateY(-70%)rotate(45deg)}.control-textarea{align-items:flex-start;height:auto;min-height:120px;padding:12px 14px}.control-textarea textarea{width:100%;min-height:94px;color:var(--ink);resize:vertical;background:0 0;border:none;outline:none;font:600 clamp(13px,1.8vw,14px)/1.6 Inter,sans-serif}.ct-abuse-field[data-visible=false]{display:none}.field .msg{color:#ec008c;font-size:10.5px;font-weight:700;display:none}.field.error .msg{display:block}.field.error .control{border-color:#ec008c;box-shadow:0 0 0 4px #ec008c1a}.switch{flex:none;width:42px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{cursor:pointer;background:#d9dcee;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch input:checked+.slider{background:linear-gradient(90deg,#2643e6,#8a2be2)}.switch input:checked+.slider:before{transform:translate(18px)}.remember{color:#565b74;cursor:pointer;align-items:flex-start;gap:10px;font-size:11.5px;font-weight:600;line-height:1.5;display:flex}.remember .switch{margin-top:1px}.remember a{color:#4f46e5;font-weight:700}.auth-submit{background:var(--grad);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:clamp(48px,7vw,52px);font-size:clamp(14px,2.2vw,15px);font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden}.auth-submit svg{flex:none}.auth-submit:hover{filter:brightness(1.06);box-shadow:0 10px 26px #5a32e659}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-submit:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:45%;animation:2.8s ease-in-out infinite btnShine;position:absolute;top:0;bottom:0;left:-70%}@keyframes btnShine{0%{left:-70%}60%,to{left:135%}}.ok-banner{color:#16a34a;background:#e8f9ef;border:1px solid #bbeccd;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;font-weight:700;display:none}.ok-banner.show{display:flex}.ok-banner svg{flex:none}.contact-captcha{justify-content:center;align-items:center;width:100%;min-height:65px;display:flex;overflow:visible}.contact-captcha .captcha-widget{justify-content:center;align-items:center;width:100%;max-width:300px;min-height:65px;margin-inline:auto;display:flex}.contact-captcha iframe{max-width:100%!important;margin-inline:auto!important;display:block!important}.info-list{flex-direction:column;gap:10px;display:flex}.info-item{background:#f6f7fd;border:1px solid #edeff9;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.info-item .ii{color:#4f46e5;background:#eef0ff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.info-item:nth-child(2) .ii{color:#ec008c;background:#ffeaf6}.info-item:nth-child(3) .ii{color:#0090f0;background:#e8f6ff}.info-item:nth-child(4) .ii{color:#16a34a;background:#e8f9ef}.info-item b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.info-item span{color:var(--muted);font-size:10.5px;font-weight:600;display:block}.info-item .grow{flex:1;min-width:0}.icon-btn{color:#6a3be8;background:0 0;border:none;border-radius:8px;flex:none;padding:6px;transition:all .15s;display:inline-flex}.icon-btn:hover{background:#eef0ff;transform:scale(1.08)}.live-card{color:#fff;background:linear-gradient(115deg,#2643e6,#8a2be2);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.live-card:after{content:"";filter:blur(20px);background:#ffffff24;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.live-dot{background:#22c55e;border-radius:50%;flex:none;width:10px;height:10px;position:relative}.live-dot:after{content:"";border:2px solid #22c55e99;border-radius:50%;animation:1.8s ease-out infinite halo;position:absolute;inset:-4px}@keyframes halo{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.live-card b{font-size:12.5px;display:block}.live-card span{opacity:.85;font-size:10.5px;font-weight:600;display:block}.live-card .btn-white{color:#6a2be0;z-index:1;background:#fff;border:none;border-radius:10px;flex:none;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 14px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex;position:relative}.live-card .btn-white:hover{transform:translateY(-1px)}.soc-row{flex-wrap:wrap;gap:8px;display:flex}.sh{color:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.sh svg{width:16px;height:auto}.sh:hover{transform:translateY(-2px)scale(1.06)}.sh.tw{background:#1da1f2}.sh.wa{background:#25d366}.sh.tg{background:#229ed9}.sh.fb{background:#1877f2}.sh.ig{background:linear-gradient(135deg,#f58524,#dd2a7b,#8134af)}.map-card{background:#eef0fa;border:1px solid #eceef8;border-radius:16px;position:relative;overflow:hidden}.map-card svg{width:100%;height:clamp(180px,32vw,260px);display:block}.map-pin{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite pinB}@keyframes pinB{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.map-tag{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 20px #1e287826}.map-tag .dotg{background:#22c55e;border-radius:50%;flex:none;width:8px;height:8px}@media (width<=900px){.ct-grid{grid-template-columns:1fr}}@media (width<=680px){.quick-grid,.frow{grid-template-columns:1fr}}@media (width<=420px){.header-right .btn{padding:0 10px}.header-right .btn-label{display:none}.live-card{flex-wrap:wrap}.live-card .btn-white{justify-content:center;width:100%;margin-left:0}}@media (width<=320px){body[data-ui-page=contact] .logo-text{font-size:15px}.panel{padding:14px 12px}}@media (height<=520px) and (orientation:landscape){body[data-ui-page=contact] .header-inner{height:52px}.ct-page{padding-top:12px}}@media (pointer:coarse){.control input,.control select,textarea.control textarea{font-size:16px}.sh{width:44px;height:44px}.auth-submit{height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:none){.btn-grad:hover,.auth-submit:hover,.qcard:hover{filter:none;transform:none}.logo:hover .logo-text{filter:none}}
