@layer components{.cp-auth{position:relative;min-height:100dvh;display:grid;justify-items:center;align-content:center;padding:40px var(--cp-gutter) 56px;overflow-x:clip;background:linear-gradient(rgb(26 22 38/.045) 1px,transparent 0),linear-gradient(90deg,rgb(26 22 38/.045) 1px,transparent 0),#f1eee7;background-size:34px 34px,34px 34px,auto}.cp-auth__brand{position:absolute;z-index:3;top:22px;left:28px;display:inline-flex;width:fit-content}.cp-auth__brand:focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px;border-radius:var(--cp-radius-sm)}.cp-auth__copy{position:relative;z-index:4;max-width:760px;text-align:center}.cp-auth__kicker{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin:0 auto 14px;padding:7px 12px;border:1.5px solid var(--cp-ink);border-radius:var(--cp-radius-pill);background:#fffdf8;box-shadow:3px 3px 0 var(--cp-ink);color:var(--cp-ink);font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;transform:rotate(-1.2deg)}.cp-auth__headline{margin:0;font-family:var(--font-display),var(--cp-font-fallback-display);font-size:clamp(2rem,1.2rem + 1.6vw,2.9rem);font-weight:700;line-height:1.04;letter-spacing:-.032em;color:var(--cp-ink);text-wrap:balance}.cp-auth__mark{position:relative;z-index:0;display:inline-block;margin-inline:.16em .14em;color:#e65f2b;white-space:nowrap}.cp-auth__mark:before{content:"";position:absolute;z-index:-1;inset:-.04em -.34em -.16em -.32em;background:url(/copod-ui/hero/brush.webp) 50%/100% 100% no-repeat;transform:rotate(-1.3deg)}.cp-auth__lead{max-width:64ch;margin:14px auto 0;color:var(--cp-text-2);font-size:clamp(1rem,.96rem + .3vw,1.14rem);line-height:1.6}.cp-auth__stage{position:relative;width:min(440px,100%);margin-top:150px}.cp-auth__stage:after{content:"";position:absolute;z-index:0;left:-260px;right:-260px;bottom:-16px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgb(93 87 79/.22),transparent);pointer-events:none}.cp-auth__sheet{position:absolute;z-index:0;inset:12px -9px -11px 9px;border-radius:18px;background:#d6ccfa;transform:rotate(1.6deg)}.cp-auth__card{position:relative;z-index:1;padding:28px 30px 20px;border:1px solid rgb(22 21 26/.09);border-radius:18px;background:#fffefa;box-shadow:0 1px 0 rgb(22 21 26/.09),0 34px 60px -34px rgb(22 21 26/.55)}.cp-auth__card:after{content:"";position:absolute;top:-11px;left:30px;width:86px;height:22px;background:rgb(255 216 77/.8);box-shadow:0 1px 2px rgb(22 21 26/.1);transform:rotate(-4deg);pointer-events:none}.cp-auth__sticker{position:absolute;z-index:5;display:flex;align-items:center;gap:clamp(11px,.7vw,16px);width:max-content;max-width:330px;padding:clamp(9px,.6vw,13px) clamp(14px,1vw,19px) clamp(9px,.6vw,13px) clamp(10px,.7vw,14px);border:2px solid var(--cp-ink);border-radius:var(--cp-radius-lg);background:#fffefa;box-shadow:4px 5px 0 var(--cp-ink)}.cp-auth__sticker--a{--icon-bg:#e9e3ff;--accent-ink:#6654df;right:calc(100% + 60px);top:10px;transform:rotate(-1.4deg)}.cp-auth__sticker--b{--icon-bg:#d9f2e7;--accent-ink:#3fbf8f;left:calc(100% + 64px);top:-26px;transform:rotate(1.1deg)}.cp-auth__sticker--c{--icon-bg:#fff0b8;--accent-ink:#f5c741;right:calc(100% + 120px);top:128px;transform:rotate(-.8deg)}.cp-auth__stickerIcon{display:grid;place-items:center;flex:none;width:clamp(34px,2.2vw,46px);height:clamp(34px,2.2vw,46px);border:2px solid var(--cp-ink);border-radius:clamp(11px,.7vw,14px);background:var(--icon-bg,#e9e3ff);box-shadow:2px 2px 0 var(--cp-ink)}.cp-auth__stickerIcon svg{width:clamp(17px,1.1vw,23px);height:clamp(17px,1.1vw,23px)}.cp-auth__noteAccent,.cp-auth__stickerAccent{position:absolute;width:40px;height:36px;overflow:visible;stroke:var(--accent-ink,var(--cp-ink));stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cp-auth__sticker--a .cp-auth__stickerAccent{left:-42px;top:-16px;transform:rotate(-10deg)}.cp-auth__sticker--b .cp-auth__stickerAccent{right:-42px;top:-19px;transform:scaleX(-1) rotate(-10deg)}.cp-auth__sticker--c .cp-auth__stickerAccent{left:-42px;top:-16px;transform:rotate(-10deg)}.cp-auth__stickerText{min-width:0}.cp-auth__stickerText b{display:block;font-size:clamp(14px,.92vw,19px);font-weight:800;letter-spacing:-.01em;color:var(--cp-ink)}.cp-auth__stickerText span{display:block;font-size:clamp(12.5px,.82vw,17px);line-height:1.4;color:var(--cp-text-2)}.cp-auth__note{position:absolute;z-index:5;left:calc(100% + 160px);top:150px;width:clamp(156px,11vw,190px);margin:0;padding:13px 15px 15px;background:#ffe27a;border:2px solid var(--cp-ink);border-radius:4px;box-shadow:5px 6px 0 var(--cp-ink);transform:rotate(2.4deg);font-size:clamp(19px,1.35vw,28px);font-family:var(--font-hand),"Segoe Print","Bradley Hand",cursive;font-weight:700;line-height:1.2;color:var(--cp-ink)}.cp-auth__note small{display:block;margin-top:4px;font-family:var(--font-text),var(--cp-font-fallback-text);font-weight:500;font-size:clamp(11.5px,.75vw,15px);letter-spacing:.01em;color:rgb(22 21 26/.72)}.cp-auth__noteAccent{right:-43px;top:-16px;transform:scaleX(-1) rotate(-10deg)}.cp-auth__annot{position:absolute;z-index:5;right:calc(100% + 190px);top:max(222px,calc(100% - 300px));display:inline-flex;align-items:flex-start;gap:2px;color:#d6336c;font-family:var(--font-hand),"Segoe Print","Bradley Hand",cursive;font-weight:700;font-size:22px;white-space:nowrap;transform:rotate(-5deg)}.cp-auth__annotArrow{width:34px;height:22px;margin-bottom:-8px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;transform:rotate(8deg)}@media (max-width:1099px){.cp-auth__annot,.cp-auth__note,.cp-auth__sticker{display:none}}@media (max-width:980px){.cp-auth__stage:after{left:-40px;right:-40px}.cp-auth__card{padding-bottom:150px}}@media (max-width:520px){.cp-auth{align-content:start;padding-top:16px}.cp-auth__brand{position:static;margin-bottom:8px}.cp-auth__lead{display:none}.cp-auth__stage{margin-top:112px}.cp-auth__card{padding:28px 20px 140px}}@media (max-width:360px){.cp-auth{padding-inline:4px}.cp-auth__card{padding-inline:10px}.cp-auth__captcha{margin-inline:-10px}}.cp-auth__title{margin:0;font-family:var(--font-display),var(--cp-font-fallback-display);font-size:clamp(1.7rem,1.4rem + 1vw,2.05rem);font-weight:800;line-height:1.12;letter-spacing:-.028em;color:var(--cp-ink)}.cp-auth__sub{margin:7px 0 0;color:var(--cp-text-2);font-size:14.5px;line-height:1.55}.cp-auth__form{margin-top:18px;gap:14px}.cp-auth__field,.cp-auth__form{display:flex;flex-direction:column}.cp-auth__field{gap:7px}.cp-auth__labelRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cp-auth__label{font-size:13.5px;font-weight:700;letter-spacing:-.005em;color:var(--cp-ink)}.cp-auth__inputWrap{position:relative;display:block}.cp-auth__leadIcon{position:absolute;left:13px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--cp-text-3);pointer-events:none}.cp-auth__link{color:var(--cp-accent);font-size:13px;font-weight:600;text-decoration:none;text-underline-offset:3px;border-radius:2px}.cp-auth__link:hover{color:var(--cp-accent-strong);text-decoration:underline}.cp-auth__submit{width:100%}.cp-auth__divider{display:flex;align-items:center;gap:14px;margin:14px 0;color:var(--cp-text-3);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.cp-auth__divider:after,.cp-auth__divider:before{content:"";flex:1;height:1px;background:var(--cp-hairline-strong)}.cp-auth__foot{margin:14px 0 0;text-align:center;color:var(--cp-text-2);font-size:14px}.cp-auth__alert{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:2px solid var(--cp-ink);border-radius:var(--cp-radius-lg);box-shadow:3px 4px 0 var(--cp-ink);font-size:13.5px;line-height:1.5;color:var(--cp-ink)}.cp-auth__alert svg{flex:none;width:18px;height:18px;margin-top:1px}.cp-auth__alert--warning{background:#fcebdd}.cp-auth__alert--done{background:#e3f5ea}.cp-auth__status{margin-top:2px;font-size:12px;color:var(--cp-text-3)}@media (prefers-reduced-motion:reduce){.cp-auth__input.cp-auth__input,.cp-auth__toggle{transition:none}}}.cp-auth__input.cp-auth__input{width:100%;height:48px;padding:0 44px;border:1.5px solid var(--cp-border-control);border-radius:var(--cp-radius-md);background:#fffdf8;color:var(--cp-ink);font-family:var(--font-text),var(--cp-font-fallback-text);font-size:15px;box-shadow:none;transition:border-color var(--cp-dur-1) var(--cp-ease),box-shadow var(--cp-dur-1) var(--cp-ease)}.cp-auth__input.cp-auth__input::placeholder{color:var(--cp-placeholder)}.cp-auth__input.cp-auth__input:hover{border-color:var(--cp-ink)}.cp-auth__input.cp-auth__input:focus,.cp-auth__input.cp-auth__input:focus-visible{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px var(--cp-accent-soft)}.cp-auth__toggle{position:absolute;right:8px;top:50%;translate:0 -50%;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--cp-radius-sm);background:transparent;color:var(--cp-text-2);cursor:pointer;transition:background-color var(--cp-dur-1) var(--cp-ease),color var(--cp-dur-1) var(--cp-ease)}.cp-auth__toggle svg{width:18px;height:18px}.cp-auth__toggle:hover{background:var(--cp-surface-2);color:var(--cp-ink)}.cp-auth__toggle:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.cp-auth__google.cp-auth__google{height:48px;border:1.5px solid var(--cp-border-control);border-radius:var(--cp-radius-md);background:var(--cp-surface);color:var(--cp-ink);font-family:var(--font-text),var(--cp-font-fallback-text);font-size:14.5px;font-weight:600}.cp-auth__google.cp-auth__google:hover{background:var(--cp-surface-2);color:var(--cp-ink);border-color:var(--cp-ink)}.cp-auth__stage>.cp-auth__member.copod-cast-member{position:absolute}.cp-auth__stage>.cp-auth__member[data-cast=tall]{z-index:0;right:-210px;bottom:42px;width:220px;height:330px}.cp-auth__stage>.cp-auth__member[data-cast=block]{z-index:2;left:-185px;bottom:-17.5px;width:230px;height:255px}.cp-auth__stage>.cp-auth__member[data-cast=loaf]{z-index:2;right:-296px;bottom:-17.5px;width:373px;height:218px}.cp-auth__stage>.cp-auth__member[data-cast=pip]{z-index:2;right:20px;bottom:calc(100% - 17.5px);width:220px;height:148px}@media (max-width:980px){.cp-auth__stage>.cp-auth__member[data-cast=tall]{display:none}.cp-auth__stage>.cp-auth__member[data-cast=block]{left:-54px;width:120px;height:133px}.cp-auth__stage>.cp-auth__member[data-cast=loaf]{right:-76px;width:190px;height:111px}}@media (max-width:520px){.cp-auth__stage>.cp-auth__member[data-cast=block]{left:-16px;width:118px;height:131px}.cp-auth__stage>.cp-auth__member[data-cast=loaf]{right:-34px;width:186px;height:109px}.cp-auth__stage>.cp-auth__member[data-cast=pip]{right:14px;width:140px;height:94px}}