@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#0c1320;--mut:#9aa6b8;--grey:#4c5869;--soft:#5d6878;--blue:#0a7cc4;--crimson:#d63d5e;--plum:#7a3b78}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:#fff;font:16px/1.55 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;z-index:9}
.skip:focus{left:12px}
.hdr{position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(620px 340px at 8% 0%,rgba(10,124,196,.16),transparent 70%),radial-gradient(560px 360px at 62% 120%,rgba(214,61,94,.14),transparent 70%),radial-gradient(480px 300px at 100% 10%,rgba(122,59,120,.12),transparent 70%),#f4f6fa}
.hdr:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(12,19,32,.13) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.hdr:after{content:'';position:absolute;right:-60px;top:-40px;width:430px;height:430px;background:url(/img/mh-logo-600.png) center/contain no-repeat;background-image:image-set(url(/img/mh-logo-600.webp) type('image/webp'),url(/img/mh-logo-600.png) type('image/png'));opacity:.07;transform:rotate(-8deg)}
.hdr>*{position:relative;z-index:1}
.line{height:3px;background:linear-gradient(90deg,var(--blue),var(--plum),var(--crimson))}
.top{display:flex;justify-content:space-between;align-items:center;padding:22px 40px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:46px;height:46px;display:block}
.brand b{display:block;font-size:20px;font-weight:800;letter-spacing:-.2px;line-height:1.3}
.brand small{display:block;color:var(--soft);font-size:12.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}
.meta{font-size:13.5px;color:var(--soft);text-align:right}
.meta a{color:var(--ink);font-weight:700}
.meta a:hover{color:var(--blue)}
.intro{padding:40px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.pill{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.pill li{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #dde3ec;color:#3d4a5c}
.intro h1{margin:0;font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-1px;max-width:760px}
.intro p{margin:0;max-width:470px;color:var(--grey);font-size:16.5px}
.split{display:grid;grid-template-columns:repeat(4,1fr);min-height:620px}
.col{position:relative;padding:34px 30px 30px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}
.col:last-child{border-right:0}
.bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.32;transition:opacity .3s,transform .6s}
.col:hover .bg{opacity:.45;transform:scale(1.04)}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,19,32,.35),rgba(12,19,32,.92) 55%)}
.col>*:not(.bg):not(.shade){position:relative}
.bar{height:4px;background:var(--c);position:absolute;top:0;left:0;right:0}
.num{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--c);text-transform:uppercase}
.col h2{font-size:30px;line-height:1.1;margin:10px 0;font-weight:800;letter-spacing:-.5px}
.col p{color:#c5cedb;font-size:14.5px;margin:0 0 22px}
.list{margin:auto 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:700;font-size:15px}
.item picture,.item img{flex:none;display:block;width:36px;height:36px}
.item img{border-radius:9px;object-fit:contain;background:#fff}
.item img.photo{object-fit:cover}
.item small{display:block;color:var(--mut);font-weight:500;font-size:12.5px}
.go{flex:none;margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);font-size:13px}
a.item:hover .go,a.item:focus-visible .go{background:var(--c);border-color:var(--c);color:var(--ink)}
.d-security a.item:hover .go,.d-festivals a.item:hover .go,.d-guides a.item:hover .go{color:#fff}
.add{color:var(--mut);font-weight:600}
.plus{flex:none;width:36px;height:36px;border-radius:9px;border:1px dashed rgba(255,255,255,.35);display:grid;place-items:center}
.ico{flex:none;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#0d1a33 url(/img/fw-shield-64.png) center/30px 30px no-repeat;background-image:image-set(url(/img/fw-shield-64.webp) type('image/webp'),url(/img/fw-shield-64.png) type('image/png'))}
.ico.soc{background:#2a1236;border-color:rgba(214,61,94,.55);display:grid;place-items:center;font-size:15px}
.bg-security{background-image:url(/img/fw-android.png),radial-gradient(circle at 70% 30%,rgba(10,124,196,.55),transparent 60%);background-image:image-set(url(/img/fw-android.webp) type('image/webp'),url(/img/fw-android.png) type('image/png')),radial-gradient(circle at 70% 30%,rgba(10,124,196,.55),transparent 60%);background-size:auto 92%,cover;background-position:right -30px bottom,center}
.bg-advisory{background-image:url(/img/advisory-bg.svg),linear-gradient(135deg,#1b2740,#0c1320);background-size:cover,cover;background-position:center 35%,center}
.bg-zrce-photo{background-image:url(/img/zrce-photo-900.jpg);background-image:image-set(url(/img/zrce-photo-900.webp) type('image/webp'),url(/img/zrce-photo-900.jpg) type('image/jpeg'))}
.bg-zsb-photo{background-image:url(/img/zsb-photo-900.jpg);background-image:image-set(url(/img/zsb-photo-900.webp) type('image/webp'),url(/img/zsb-photo-900.jpg) type('image/jpeg'))}
.d-security{--c:#b06ad0}
.d-advisory{--c:#e4e9f1}
.d-guides{--c:#0a7cc4}
.d-festivals{--c:#d63d5e}
body.sub{background:#fff;min-height:100vh;display:flex;flex-direction:column}
body.sub main{flex:1 0 auto}
.page{background:#fff;color:var(--ink)}
.page .wrap a:not(.mail){color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.page .wrap{max-width:860px;margin:0 auto;padding:48px 40px 64px}
.ptitle{padding:28px 40px 36px}
.ptitle h1{margin:0;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.8px}
.ptitle p{margin:10px 0 0;color:var(--grey);max-width:620px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cards.one{grid-template-columns:1fr;margin-top:26px}
.cx-host{min-height:200px}
.card{border:1px solid #e3e8f0;border-radius:16px;padding:24px 26px;background:#fbfcfe}
.card h2{margin:0 0 10px;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--soft)}
.card p{margin:0 0 6px}
.mail{font-size:22px;font-weight:800;color:var(--blue);word-break:break-all}
.mail:hover{text-decoration:underline}
.note{margin-top:28px;color:var(--grey);font-size:14.5px}
.pending{border:1px dashed #d63d5e;border-radius:12px;padding:18px 22px;color:#8a2a40;background:#fff6f8}
.prose h2{font-size:22px;margin:32px 0 8px;scroll-margin-top:16px}
.prose .meta-line{color:var(--soft);font-size:14px;margin-top:0}
.prose ul{padding-left:22px}
.prose li{margin:4px 0}
.prose p,.prose li{color:#2f3a4b}
footer{background:#fff;color:var(--grey);padding:22px 40px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px 24px;font-size:13.5px;border-top:1px solid #edf0f5}
footer p{margin:0}
footer .co{display:block;font-size:12.5px;color:#6b7686;margin-top:3px}
footer nav a{color:var(--ink);font-weight:700}
footer nav a:hover{color:var(--blue)}
@media(max-width:980px){.split{grid-template-columns:1fr 1fr}.col{min-height:520px}.intro{display:block}.intro h1{margin-bottom:18px}}
@media(max-width:640px){.hdr:after{width:260px;height:260px;right:-70px;top:-30px}.split{grid-template-columns:1fr}.col{min-height:auto;padding:30px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.top,.intro,.ptitle,footer{padding-left:20px;padding-right:20px}.intro h1{font-size:32px;margin-bottom:14px}.ptitle h1{font-size:30px}.meta{display:none}.page .wrap{padding:32px 20px 48px}.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bg{transition:none}.col:hover .bg{transform:none}}
/* mh.ie contact pop-up: the panel builds itself (scan line -> 12 plates lock in -> frame draws -> corners -> content), then seals. */
.cx-lock,.cx-lock body{overflow:hidden}
.cx-dlg{padding:8px;border:0;background:transparent;color:#fff;width:min(996px,calc(100% - 16px));max-width:none;max-height:calc(100dvh - 16px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.cx-dlg::-webkit-scrollbar{display:none}
.cx-dlg::backdrop{background:rgba(5,9,17,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cx-dlg[open]::backdrop{animation:cx-fade .28s ease-out both}
.cx-dlg.cx-out::backdrop{animation:cx-unfade .34s .78s ease-in forwards}
.cx{position:relative;isolation:isolate;border-radius:20px;color:#fff;--edge:rgba(120,165,230,.22)}
.cx-inline{margin:8px 0 10px}
/* plates = the panel's body while it is being built */
.cx-plates{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);z-index:-1;border-radius:inherit;overflow:hidden}
.cx-plates i{display:block;background:linear-gradient(160deg,#131f35,#0d1626);border:1px solid var(--edge);transform-origin:50% 50%}
.cx-plates i:nth-child(1){--x:-120px;--y:-90px;--r:-14deg;--d:0ms}
.cx-plates i:nth-child(2){--x:-40px;--y:-140px;--r:9deg;--d:70ms}
.cx-plates i:nth-child(3){--x:50px;--y:-130px;--r:-8deg;--d:35ms}
.cx-plates i:nth-child(4){--x:130px;--y:-80px;--r:15deg;--d:105ms}
.cx-plates i:nth-child(5){--x:-160px;--y:0px;--r:11deg;--d:140ms}
.cx-plates i:nth-child(6){--x:-30px;--y:30px;--r:-6deg;--d:0ms}
.cx-plates i:nth-child(7){--x:40px;--y:-20px;--r:7deg;--d:35ms}
.cx-plates i:nth-child(8){--x:170px;--y:10px;--r:-12deg;--d:140ms}
.cx-plates i:nth-child(9){--x:-130px;--y:100px;--r:-10deg;--d:105ms}
.cx-plates i:nth-child(10){--x:-50px;--y:150px;--r:12deg;--d:175ms}
.cx-plates i:nth-child(11){--x:60px;--y:140px;--r:-9deg;--d:70ms}
.cx-plates i:nth-child(12){--x:140px;--y:90px;--r:14deg;--d:175ms}
.cx-build .cx-plates i{animation:cx-plate .5s calc(240ms + var(--d)) cubic-bezier(.16,1.32,.38,1) both}
.cx-sealed .cx-plates i{border-color:transparent;background:transparent;transition:border-color .5s,background-color .5s}
.cx-sealed .cx-plates{background:linear-gradient(160deg,#131f35,#0d1626)}
/* scan line: draws across the middle first, then sweeps the finished panel once */
.cx-scan{position:absolute;left:0;right:0;top:50%;height:2px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#5fb4ff 18%,#c58be0 50%,#ff6f8e 82%,transparent);box-shadow:0 0 18px 2px rgba(95,180,255,.55)}
.cx-build .cx-scan{animation:cx-line .34s ease-out both,cx-sweep .62s .98s cubic-bezier(.45,0,.2,1) both}
/* frame: four edges draw around the panel one after another (top -> right -> bottom -> left), then corner brackets lock */
.cx-e{position:absolute;z-index:2;pointer-events:none;background:#6fa8ff;opacity:.55;box-shadow:0 0 8px rgba(111,168,255,.6)}
.e1{top:0;left:12px;right:12px;height:1px;transform-origin:0 50%}
.e2{top:12px;bottom:12px;right:0;width:1px;transform-origin:50% 0}
.e3{bottom:0;left:12px;right:12px;height:1px;transform-origin:100% 50%}
.e4{top:12px;bottom:12px;left:0;width:1px;transform-origin:50% 100%}
.cx-build .e1,.cx-build .e3{animation:cx-edgex .2s cubic-bezier(.6,0,.2,1) both}
.cx-build .e2,.cx-build .e4{animation:cx-edgey .16s cubic-bezier(.6,0,.2,1) both}
.cx-build .e1{animation-delay:.56s}.cx-build .e2{animation-delay:.72s}.cx-build .e3{animation-delay:.84s}.cx-build .e4{animation-delay:1s}
.cx-sealed .cx-e{opacity:.28;box-shadow:none;transition:opacity .6s,box-shadow .6s}
.cx-c{position:absolute;width:22px;height:22px;z-index:2;pointer-events:none;border:2px solid var(--blue);opacity:.95}
.c1{top:-5px;left:-5px;border-right:0;border-bottom:0;border-color:#5fb4ff;border-radius:8px 0 0 0}
.c2{top:-5px;right:-5px;border-left:0;border-bottom:0;border-color:#c58be0;border-radius:0 8px 0 0}
.c3{bottom:-5px;left:-5px;border-right:0;border-top:0;border-color:#c58be0;border-radius:0 0 0 8px}
.c4{bottom:-5px;right:-5px;border-left:0;border-top:0;border-color:#ff6f8e;border-radius:0 0 8px 0}
.cx-build .cx-c{animation:cx-lock .36s 1.08s cubic-bezier(.2,1.6,.4,1) both}
/* content */
.cx-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.cx-form,.cx-side,.cx-row>label{min-width:0}
.cx-build .b{animation:cx-in .46s cubic-bezier(.2,.8,.2,1) both}
.cx-form{padding:34px 34px 30px}
.cx-side{padding:34px 30px 30px;border-left:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));border-radius:0 20px 20px 0;display:flex;flex-direction:column}
.cx-k{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7fb6ee}
.cx h2{margin:0 0 20px;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.6px}
.cx label{display:block;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#9aa6b8}
.cx-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cx input,.cx select,.cx textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid #27344b;background:#0a1220;color:#fff;font:500 15px/1.4 Manrope,system-ui,sans-serif;letter-spacing:0;text-transform:none;transition:border-color .2s,box-shadow .2s}
.cx textarea{resize:vertical;min-height:120px}
.cx select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9aa6b8 50%),linear-gradient(135deg,#9aa6b8 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.cx input:focus,.cx select:focus,.cx textarea:focus{outline:none;border-color:#4a9bf0;box-shadow:0 0 0 3px rgba(74,155,240,.22)}
.cx-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.cx-ts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:4px 0 16px;padding:10px 12px;border-radius:10px;border:1px solid #223047;background:rgba(10,18,32,.7);font-size:13px;color:#c5cedb}
.cx-shield{flex:none;width:18px;height:18px;border-radius:50%;background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.16);animation:cx-pulse 1.2s ease-in-out infinite}
.cx-ts[data-s=ok] .cx-shield{background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.18);animation:none}
.cx-ts[data-s=ok] .cx-shield:after{content:'✓';display:block;text-align:center;font:800 12px/18px Manrope,sans-serif;color:#06240f}
.cx-ts[data-s=bad] .cx-shield{background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.18);animation:none}
.cx-short{display:none}
.cx-ts[data-s=ok] .cx-st{color:#dff7e9;font-weight:600}
.cx-w:empty{display:none}
.cx-w{flex-basis:100%}
.cx-retry,.cx-act button{cursor:pointer;border-radius:9px;border:1px solid #33435f;background:#101a2c;color:#fff;font:700 13px Manrope,system-ui,sans-serif;padding:8px 12px}
.cx-retry:hover,.cx-act button:not(:disabled):hover{border-color:#5fb4ff}
.cx-go{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cx-send{cursor:pointer;border:0;border-radius:11px;padding:14px 26px;font:800 15px Manrope,system-ui,sans-serif;color:#fff;background:linear-gradient(90deg,#0a7cc4,#7a3b78 55%,#d63d5e);box-shadow:0 8px 22px rgba(214,61,94,.25);transition:transform .15s,filter .2s}
.cx-send:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.cx-send:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.7);box-shadow:none}
.cx-note{flex:1 1 200px;margin:0;font-size:12.5px;color:#8f9bb0}
.cx-note a,.cx-small a{color:#9fcbff;text-decoration:underline}
.cx-msg{margin:12px 0 0;font-size:14px;color:#ff9aa8;min-height:0}
.cx-msg:empty{display:none}
.cx-mailbox{position:relative;margin:4px 0 14px;padding:12px 14px;border-radius:12px;border:1px dashed #33435f;background:rgba(8,14,26,.7);min-height:70px;display:flex;align-items:center;overflow:hidden}
.cx-mailbox:before{content:'';position:absolute;left:14px;right:40%;top:50%;height:12px;margin-top:-6px;border-radius:6px;background:linear-gradient(90deg,#1b2740,#2a3a58,#1b2740);background-size:200% 100%;animation:cx-shimmer 1.3s linear infinite}
.cx-verified .cx-mailbox{border-style:solid;border-color:#2b4f7d}
.cx-verified .cx-mailbox:before{display:none}
.cx-mail{display:block;width:100%;height:44px}
.cx-act{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.cx-act button:disabled{opacity:.45;cursor:not-allowed}
.cx-small{margin:0 0 18px;font-size:12.5px;color:#8f9bb0}
.cx-co{margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;color:#7d889b}
.cx-x{position:absolute;top:14px;right:14px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid #33435f;background:#0d1626;color:#fff;font:400 22px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.cx-x:hover{border-color:#ff6f8e}
.cx-build .cx-x{animation:cx-lock .36s 1s cubic-bezier(.2,1.6,.4,1) both}
.cx-thanks{padding:34px 34px 30px;outline:none;animation:cx-in .5s cubic-bezier(.2,.8,.2,1) both}
.cx-thanks h2{text-wrap:balance}
.cx-thanks p{color:#c5cedb}
.cx-tick{display:block;width:54px;height:54px;border-radius:50%;margin:8px 0 18px;background:linear-gradient(135deg,#2fbf71,#0a7cc4);position:relative;animation:cx-lock .5s cubic-bezier(.2,1.6,.4,1) both}
.cx-tick:after{content:'';position:absolute;left:19px;top:13px;width:12px;height:22px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg)}
/* take-down: the build-up played backwards (about 1.1 s) */
.cx-out .b,.cx-out .cx-thanks{animation:cx-in .28s cubic-bezier(.6,0,.8,.2) reverse both}
.cx-out .cx-c,.cx-out .cx-x{animation:cx-lock .26s .2s ease-in reverse both}
.cx-out .e1,.cx-out .e3{animation:cx-edgex .15s cubic-bezier(.6,0,.2,1) reverse both}
.cx-out .e2,.cx-out .e4{animation:cx-edgey .13s cubic-bezier(.6,0,.2,1) reverse both}
.cx-out .e4{animation-delay:.3s}.cx-out .e3{animation-delay:.4s}.cx-out .e2{animation-delay:.5s}.cx-out .e1{animation-delay:.58s}
.cx-out .cx-scan{animation:cx-line .26s .62s ease-in reverse both}
.cx-out .cx-plates i{animation:cx-plate .4s calc(640ms + 175ms - var(--d)) cubic-bezier(.62,0,.84,.36) reverse both}
.cx-inline .cx-x{display:none}
@keyframes cx-fade{from{opacity:0}to{opacity:1}}
@keyframes cx-unfade{from{opacity:1}to{opacity:0}}
@keyframes cx-plate{from{opacity:0;transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(.42)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes cx-line{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
@keyframes cx-sweep{0%{opacity:1;top:50%}35%{opacity:1;top:0}100%{opacity:0;top:100%}}
@keyframes cx-edgex{from{transform:scaleX(0);opacity:1}to{transform:scaleX(1)}}
@keyframes cx-edgey{from{transform:scaleY(0);opacity:1}to{transform:scaleY(1)}}
@keyframes cx-lock{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@keyframes cx-in{from{opacity:0;transform:translateY(10px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes cx-pulse{50%{box-shadow:0 0 0 7px rgba(245,165,36,.05)}}
@keyframes cx-shimmer{to{background-position:-200% 0}}
@media(max-width:760px){
.cx-dlg{width:100%;padding:5px;max-height:100dvh}
.cx-body{grid-template-columns:minmax(0,1fr)}
.cx-side{border-left:0;border-top:1px solid rgba(255,255,255,.09);border-radius:0 0 20px 20px}
.cx-form,.cx-side{padding:26px 20px 22px}
.cx-row{grid-template-columns:1fr;gap:0}
.cx h2{font-size:25px;padding-right:40px}
.cx-plates{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}
.cx-form{padding:18px 18px 14px}.cx-side{padding:14px 18px 16px}
.cx h2{font-size:23px;margin-bottom:12px}.cx-k{margin-bottom:2px}
.cx label{margin-bottom:9px;font-size:11.5px}.cx input,.cx select,.cx textarea{padding:10px 12px;margin-top:4px}
.cx textarea{min-height:58px}.cx-ts{margin:2px 0 10px;padding:6px 10px}.cx-send{padding:12px 22px}
.cx-go{gap:10px}.cx-note{font-size:12px}.cx-mailbox{min-height:48px;padding:8px 12px;margin-bottom:10px}.cx-act{margin-bottom:6px}
.cx-small,.cx-co{display:none}
.cx-thanks{padding:26px 18px 16px}
.cx-long{display:none}.cx-short{display:inline}
}
@media(max-height:820px) and (min-width:761px){
.cx-form,.cx-side{padding-top:26px;padding-bottom:22px}.cx h2{font-size:26px;margin-bottom:14px}.cx label{margin-bottom:10px}
.cx input,.cx select,.cx textarea{padding:10px 12px}.cx textarea{min-height:84px}.cx-ts{margin-bottom:12px}}
@media(max-height:680px) and (min-width:761px){.cx textarea{min-height:60px}.cx-k{margin-bottom:2px}.cx-small{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.cx-shield,.cx-mailbox:before{animation:none}.cx *{animation-duration:.01ms!important;animation-delay:0ms!important}}
