/* /live opt-in: the countdown bar and the sign-up form.
   Built to match the Perspective form as it was restyled by the old page code (v2–v7). */

/* ---- countdown bar ---- */
#ucw-bar{position:fixed;top:0;left:0;right:0;z-index:2147483000;background:#0B0B0D;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
#ucw-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(120deg,#FFC9A3 0%,#FF7A3D 32%,#F0509E 66%,#7C6BFF 100%);background-size:200% 100%;animation:ucwShift 6s ease-in-out infinite}
#ucw-bar .in{display:flex;align-items:center;justify-content:center;gap:12px;max-width:900px;margin:0 auto;padding:11px 16px 13px}
#ucw-bar .lv{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;white-space:nowrap}
#ucw-bar .lv i{width:8px;height:8px;border-radius:50%;background:#FF5A1F;box-shadow:0 0 0 3px rgba(255,90,31,.25);animation:ucwP 1.6s ease-in-out infinite}
#ucw-bar .t{font:600 15px/1 "Geist Mono",ui-monospace,Menlo,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
#ucw-bar .t b{font-weight:700;color:#fff} #ucw-bar .t u{text-decoration:none;color:rgba(255,255,255,.55);margin:0 6px 0 1px}
#ucw-bar .d{font-size:13.5px;color:rgba(255,255,255,.6);white-space:nowrap}
#ucw-bar .go{margin-left:4px;padding:7px 12px;border-radius:99px;background:#fff;color:#0B0B0D;font-size:12.5px;font-weight:700;white-space:nowrap}
#ucw-bar .lv .sh{display:none}
#ucw-sp{width:100%;height:46px}
@keyframes ucwShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@keyframes ucwP{50%{box-shadow:0 0 0 6px rgba(255,90,31,0)}}
@media (max-width:700px){#ucw-bar .d{display:none} #ucw-bar .lv .lg{display:none} #ucw-bar .lv .sh{display:inline} #ucw-bar .in{gap:10px;padding:10px 12px 12px} #ucw-bar .t{font-size:14px} #ucw-bar .go{font-size:12px;padding:7px 11px}}
@media (max-width:360px){#ucw-bar .lv{display:none}}
@media (prefers-reduced-motion:reduce){#ucw-bar::after,#ucw-bar .lv i{animation:none}}

/* ---- form card ---- */
.uc-form{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:10px;
  width:calc(100% - 40px);max-width:560px;margin:8px auto 28px;padding:22px 22px 24px;border-radius:28px;
  background:rgba(255,255,255,.78);border:1px solid #E8E6E2;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:0 1px 2px rgba(11,11,13,.04),0 30px 60px -36px rgba(240,80,158,.45),0 24px 44px -34px rgba(11,11,13,.45)}
.uc-form > *{grid-column:1 / -1;min-width:0}
.uc-form > .uc-half{grid-column:auto}

.uc-box{position:relative;display:flex;align-items:center;height:56px;border:1px solid #E8E6E2;background-color:#F7F6F4;border-radius:16px;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.uc-box:hover{border-color:#D6D2CC}
.uc-box:focus-within{background-color:#FFFFFF;border-color:#FF5A1F;box-shadow:0 0 0 4px rgba(255,90,31,.14)}
.uc-box.bad{border-color:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.15)}
.uc-box > input{flex:1;width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 16px;border-radius:16px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#0B0B0D;letter-spacing:-.005em;text-overflow:ellipsis}
.uc-box > input::placeholder{color:#8A8782;font-weight:400;opacity:1}
.uc-ico-name,.uc-ico-email{background-repeat:no-repeat;background-position:18px 50%;background-size:18px 18px}
.uc-ico-name > input,.uc-ico-email > input{padding-left:48px}
.uc-ico-name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8782' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.4-3.6 4.2-5.5 7.5-5.5s6.1 1.9 7.5 5.5'/%3E%3C/svg%3E")}
.uc-ico-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8782' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E")}
.uc-half .uc-ico-name{background-position:15px 50%;background-size:16px 16px}
.uc-half .uc-ico-name > input{padding-left:42px}

/* phone: country flag + dial code on the left, like Perspective's */
.uc-phone .iti{display:flex;width:100%;height:100%}
.uc-phone .iti input,.uc-phone .iti input[type=tel]{height:100%;border:0;outline:0;background:transparent;width:100%;border-radius:16px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#0B0B0D;
  padding-left:var(--uc-phone-pad,92px)!important}
.uc-phone .iti input::placeholder{color:#8A8782;font-weight:400;opacity:1}
.uc-phone .iti__country-container{padding-left:8px}
.uc-phone .iti__selected-country{border-radius:12px;background:transparent}
.uc-phone .iti__selected-dial-code{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#0B0B0D}
.uc-phone .iti__dropdown-content{border-radius:14px;border:1px solid #E8E6E2;box-shadow:0 18px 40px -18px rgba(11,11,13,.35);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}
.uc-phone .iti__search-input{font-size:16px;padding:10px 12px}

.uc-err{margin:-2px 4px 0;font:600 13.5px/1.4 Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#C4320A;text-align:left}
.uc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---- the glow button ---- */
#uc-btn{display:flex;flex-direction:column;align-items:center;width:100%;margin:6px auto 0;padding:18px 24px;cursor:pointer;
  background:linear-gradient(#0B0B0D,#0B0B0D) padding-box,linear-gradient(120deg,#FFC9A3 0%,#FF7A3D 32%,#F0509E 66%,#7C6BFF 100%) border-box;
  border:2px solid transparent;border-radius:999px;color:#fff;
  box-shadow:0 18px 36px -16px rgba(240,80,158,.45),0 10px 24px -12px rgba(11,11,13,.6);
  font-family:"Plus Jakarta Sans",Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-transform:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s}
#uc-btn:hover{transform:translateY(-2px);box-shadow:0 24px 44px -16px rgba(240,80,158,.55),0 12px 26px -12px rgba(11,11,13,.6)}
#uc-btn:active{transform:translateY(0) scale(.99)}
#uc-btn[disabled]{opacity:.75;cursor:wait;transform:none}
#uc-btn .uc-t1{display:block;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.15}
#uc-btn .uc-t2{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;font-weight:500;opacity:.72;margin-top:4px;letter-spacing:0}
@media (prefers-reduced-motion:reduce){#uc-btn,#uc-btn:hover{transform:none;transition:none}}

@media (max-width:560px){
  .uc-form{width:calc(100% - 28px);padding:12px 12px 14px;border-radius:24px;margin-bottom:16px;column-gap:8px;row-gap:8px}
  .uc-box{height:50px}
  .uc-half .uc-ico-name{background-image:none}
  .uc-half .uc-ico-name > input{padding-left:14px}
  #uc-btn{padding:14px 20px} #uc-btn .uc-t1{font-size:19px} #uc-btn .uc-t2{font-size:12px;margin-top:2px}
}