/* VIP registrační stránka – dev náhled, světlý vizuální styl UXeshopu. */
:root{color-scheme:light}
body{margin:0;background:#f6f5f0;-webkit-font-smoothing:antialiased}

#ux-vip{color-scheme:light;--ux-bg:light-dark(#f6f5f0,#11141b);--ux-paper:light-dark(#fff,#1b202a);--ux-ink:light-dark(#0b0c0e,#f5f6f9);--ux-muted:light-dark(#60646d,#acb3c0);--ux-line:light-dark(#e5e5df,#343a46);--ux-field:light-dark(#fafaf7,#151922);--ux-blue:light-dark(#2563eb,#98b6ff);--ux-soft-blue:light-dark(#edf2ff,#253246);--ux-lime:#d8f24e;--ux-dark:#101923;--ux-white:#fff;--ux-danger:light-dark(#b42318,#ffaaa2);font-family:Inter,Arial,sans-serif;color:var(--ux-ink);background:var(--ux-bg);container-type:inline-size;width:100%;border-radius:16px;overflow:hidden;text-align:left;line-height:1.5}
#ux-vip *{box-sizing:border-box}
#ux-vip h1,#ux-vip h2,#ux-vip h3,#ux-vip p{margin:0}
#ux-vip button,#ux-vip input,#ux-vip textarea{font:inherit}
#ux-vip button,#ux-vip summary{-webkit-tap-highlight-color:transparent}
#ux-vip [hidden]{display:none!important}
#ux-vip .ux-nav{margin:20px 30px 0;padding:15px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ux-paper);border:1px solid var(--ux-line);border-radius:100px}
#ux-vip .ux-logo{font-family:Archivo,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.6px;line-height:1.1}
#ux-vip .ux-logo span{font-weight:600}
#ux-vip .ux-nav-note{color:var(--ux-muted);display:flex;align-items:center;gap:8px;font-size:12px}
#ux-vip .ux-nav-note svg{width:14px;height:14px}
#ux-vip .ux-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;padding:49px 46px 38px;align-items:start}
#ux-vip .ux-intro{padding-top:7px;min-width:0}
#ux-vip .ux-kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;color:var(--ux-muted)}
#ux-vip .ux-kicker-dot{height:7px;width:7px;border-radius:50%;background:var(--ux-blue)}
#ux-vip h1{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:clamp(43px,5.7cqw,61px);letter-spacing:-.052em;line-height:1.045;max-width:9.5em}
#ux-vip h1 .ux-head-accent{color:var(--ux-blue);display:block}
#ux-vip .ux-desc{font-size:15px;line-height:1.8;color:var(--ux-muted);margin-top:23px;max-width:36ch}
#ux-vip .ux-desc strong{font-weight:600;color:var(--ux-ink)}
#ux-vip .ux-queue{display:flex;gap:13px;align-items:center;margin-top:27px}
#ux-vip .ux-queue-icon{height:41px;width:41px;background:var(--ux-paper);border:1px solid var(--ux-line);border-radius:50%;display:grid;place-items:center;flex:none;color:var(--ux-blue)}
#ux-vip .ux-queue-icon svg{width:19px;height:19px}
#ux-vip .ux-queue strong{font-size:15px;font-weight:600}
#ux-vip .ux-queue small{display:block;font-size:12px;color:var(--ux-muted);margin-top:2px}
#ux-vip .ux-launch{margin-top:34px;padding:21px 23px 22px;border-radius:18px;background:var(--ux-dark);color:var(--ux-white);position:relative;overflow:hidden}
#ux-vip .ux-launch-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b9c2cb}
#ux-vip .ux-launch-tag{background:var(--ux-lime);color:#182007;padding:4px 7px;border-radius:4px;font-size:10px;letter-spacing:.08em;font-weight:700;white-space:nowrap}
#ux-vip .ux-launch-bottom{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:20px}
#ux-vip .ux-date{font-family:Archivo,Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;line-height:1.1}
#ux-vip .ux-hour{font-family:Archivo,Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.04em;color:var(--ux-lime);line-height:1.1}
#ux-vip .ux-timezone{display:block;text-align:right;font-size:10px;color:#b9c2cb;margin-top:7px;letter-spacing:.02em}
#ux-vip .ux-card{min-width:0;background:var(--ux-paper);border:1px solid var(--ux-line);border-radius:23px;padding:26px;box-shadow:0 10px 32px light-dark(#19243508,#00000015)}
#ux-vip .ux-card-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ux-blue);font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:10px}
#ux-vip .ux-card-label svg{width:15px;height:15px}
#ux-vip .ux-card h2{font-family:Archivo,Arial,sans-serif;font-size:27px;font-weight:700;line-height:1.18;letter-spacing:-.045em}
#ux-vip .ux-card-sub{color:var(--ux-muted);font-size:13px;line-height:1.7;margin-top:10px}
#ux-vip .ux-form{margin-top:23px}
#ux-vip .ux-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px}
#ux-vip .ux-field{min-width:0}
#ux-vip .ux-field-wide{grid-column:1/-1}
#ux-vip label{display:block;color:var(--ux-ink);font-size:12px;font-weight:500;margin-bottom:6px}
#ux-vip label .ux-required{color:var(--ux-muted);padding-left:2px}
#ux-vip input,#ux-vip textarea{display:block;width:100%;min-width:0;background:var(--ux-field);color:var(--ux-ink);border:1px solid var(--ux-line);border-radius:9px;padding:11px 12px;font-size:14px;line-height:1.5;box-shadow:none}
#ux-vip input::placeholder,#ux-vip textarea::placeholder{color:var(--ux-muted);opacity:.8}
#ux-vip textarea{min-height:107px;resize:vertical}
#ux-vip .ux-field-note{font-size:11px;color:var(--ux-muted);margin-top:7px;line-height:1.6}
#ux-vip .ux-submit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:20px;border:0;border-radius:100px;background:var(--ux-ink);color:var(--ux-paper);padding:11px 13px 11px 19px;font-size:13px;font-weight:600;min-height:49px;transition:transform .15s}
#ux-vip .ux-submit:hover{transform:translateY(-1px)}
#ux-vip .ux-arrow{width:29px;height:29px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ux-lime);color:#141d09}
#ux-vip .ux-arrow svg{width:15px;height:15px}
#ux-vip .ux-privacy{font-size:11px;color:var(--ux-muted);line-height:1.7;margin-top:12px}
#ux-vip .ux-error{color:var(--ux-danger);font-size:12px;line-height:1.6;margin-top:14px}
#ux-vip .ux-invite{border-top:1px solid var(--ux-line);margin-top:21px;padding-top:16px;font-size:12px}
#ux-vip .ux-invite summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:500;list-style:none;min-height:24px}
#ux-vip .ux-invite summary::-webkit-details-marker{display:none}
#ux-vip .ux-invite summary svg{height:14px;width:14px;transition:transform .15s}
#ux-vip .ux-invite[open] summary svg{transform:rotate(180deg)}
#ux-vip .ux-invite p{color:var(--ux-muted);font-size:12px;line-height:1.7;margin-top:10px}
#ux-vip .ux-journey{display:flex;gap:24px;padding:22px 46px 26px;border-top:1px solid var(--ux-line);align-items:center;justify-content:space-between}
#ux-vip .ux-step{display:flex;gap:10px;align-items:center;color:var(--ux-muted);font-size:11px;line-height:1.6}
#ux-vip .ux-step-num{font-family:Archivo,Arial,sans-serif;font-size:12px;color:var(--ux-blue);font-weight:600}
#ux-vip .ux-step b{display:block;font-size:12px;color:var(--ux-ink);font-weight:600}
#ux-vip .ux-done-icon{background:var(--ux-lime);color:#1d2804;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;margin:6px 0 22px}
#ux-vip .ux-done-icon svg{width:24px;height:24px}
#ux-vip .ux-done{padding:10px 0 4px;min-height:426px}
#ux-vip .ux-done h2{font-size:32px}
#ux-vip .ux-done p{margin-top:17px;color:var(--ux-muted);font-size:14px;line-height:1.8}
#ux-vip .ux-approval{display:flex;gap:10px;background:var(--ux-soft-blue);border-radius:12px;padding:15px;margin-top:23px;font-size:12px;line-height:1.7;color:var(--ux-ink)}
#ux-vip .ux-approval svg{height:18px;width:18px;flex:none;color:var(--ux-blue);margin-top:2px}
#ux-vip .ux-demo-note{font-size:11px!important;color:var(--ux-muted);border-top:1px solid var(--ux-line);padding-top:16px;margin-top:26px!important}
#ux-vip .ux-back{background:transparent;border:0;color:var(--ux-blue);padding:10px 0;font-size:12px;text-decoration:underline;margin-top:5px}
#ux-vip .ux-invitation-art{border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-field);margin:23px 0;padding:24px}
#ux-vip .ux-invitation-art strong{font-family:Archivo,Arial,sans-serif;font-size:51px;font-weight:700;letter-spacing:-.04em;display:block}
#ux-vip .ux-invitation-art span{font-size:10px;color:var(--ux-muted);text-transform:uppercase;letter-spacing:.14em}
@container (max-width:780px){#ux-vip .ux-main{gap:25px;padding:35px 27px}#ux-vip h1{font-size:43px}#ux-vip .ux-card{padding:21px}#ux-vip .ux-fields{grid-template-columns:1fr}#ux-vip .ux-launch{padding:19px}#ux-vip .ux-launch-bottom{flex-wrap:wrap}#ux-vip .ux-date,#ux-vip .ux-hour{font-size:27px}#ux-vip .ux-journey{padding:21px 27px;gap:12px}}
@container (max-width:620px){#ux-vip .ux-main{grid-template-columns:1fr;padding:29px 20px;gap:29px}#ux-vip .ux-nav{margin:14px 14px 0;padding:14px 17px}#ux-vip .ux-nav-note{font-size:11px}#ux-vip .ux-logo{font-size:25px}#ux-vip h1{max-width:11ch;font-size:clamp(42px,9cqw,53px)}#ux-vip .ux-kicker{margin-bottom:18px}#ux-vip .ux-desc{max-width:none}#ux-vip .ux-launch{margin-top:25px}#ux-vip .ux-launch-bottom{flex-wrap:nowrap}#ux-vip .ux-card{padding:24px}#ux-vip input,#ux-vip textarea{font-size:16px}#ux-vip .ux-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#ux-vip .ux-journey{padding:22px;flex-direction:column;align-items:stretch;gap:16px}#ux-vip .ux-step{gap:14px}#ux-vip .ux-done{min-height:0}}
@container (max-width:360px){#ux-vip .ux-main{padding:25px 15px}#ux-vip .ux-card{padding:20px}#ux-vip .ux-fields{grid-template-columns:1fr}#ux-vip .ux-nav-note span{display:none}#ux-vip .ux-submit{font-size:12px;padding-left:14px}#ux-vip .ux-date,#ux-vip .ux-hour{font-size:25px}}
@media(prefers-reduced-motion:reduce){#ux-vip *{transition:none!important}}

#ux-vip{max-width:1240px;margin:0 auto;border-radius:0;overflow:visible}
#ux-vip .ux-nav{margin-top:20px}
#ux-vip .ux-logo img{display:block;width:116px;height:auto}
#ux-vip .ux-logo{flex-shrink:0}
#ux-vip .ux-nav-note{margin-left:auto;margin-right:14px}
#ux-vip .ux-back-web{display:inline-flex;gap:8px;align-items:center;color:var(--ux-ink);font-size:13px;font-weight:600;text-decoration:none;min-height:42px;white-space:nowrap}
#ux-vip .ux-back-web:hover{text-decoration:underline}
#ux-vip .ux-preview-note{text-align:center;font-size:11px;line-height:1.6;color:var(--ux-muted);margin:12px 24px 0}
#ux-vip .ux-live{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:10px 13px;margin-top:24px;background:#eaf6ee;color:#235539;border:1px solid #d7e8db;border-radius:10px;font-size:12px;line-height:1.6}
#ux-vip .ux-live strong{font-weight:700;white-space:nowrap}
#ux-vip .ux-live-dot{height:7px;width:7px;border-radius:50%;background:#159c61;box-shadow:0 0 0 4px #159c6118;flex:none;animation:ux-live-pulse 2.8s ease-out infinite}
#ux-vip .ux-queue{margin-top:19px}
#ux-vip .ux-main{padding-top:34px}
#ux-vip .ux-launch{margin-top:28px}
#ux-vip button,#ux-vip summary{cursor:pointer}
#ux-vip button:focus-visible,#ux-vip a:focus-visible,#ux-vip input:focus-visible,#ux-vip textarea:focus-visible,#ux-vip summary:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
#ux-vip .ux-card{scroll-margin-top:24px}
#ux-vip .ux-error{scroll-margin-top:30px}
@keyframes ux-live-pulse{0%,100%{box-shadow:0 0 0 4px #159c6118}50%{box-shadow:0 0 0 7px #159c6108}}
@container (max-width:620px){#ux-vip .ux-nav-note{display:none}#ux-vip .ux-back-web{font-size:12px}#ux-vip .ux-live{font-size:12px}#ux-vip .ux-main{padding-top:25px}}
@media(prefers-reduced-motion:reduce){#ux-vip .ux-live-dot{animation:none}}

#ux-vip .ux-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}