.clockin{min-height:100svh;padding-top:calc(var(--header-h) + var(--s10));padding-bottom:var(--s16);align-items:center;display:flex}.clockin__inner{width:100%;max-width:560px;margin:0 auto}.clockin__kicker{margin:0 0 var(--s6);justify-content:center;display:flex}.clockin h1{letter-spacing:-.01em;text-align:center;margin-bottom:var(--s4);font-size:clamp(34px,5.4vw,58px);line-height:1.06}.clockin__sub{color:#4a463d;text-align:center;max-width:26em;margin:0 auto var(--s10);font-size:17px;line-height:1.6}.pane{opacity:1}html.js body:not([data-motion=off]) .pane{transition:opacity var(--dur-slow) var(--ease-decelerate), transform var(--dur-slow) var(--ease-decelerate)}html.js body:not([data-motion=off]) .pane:not(.is-in){opacity:0;transform:translateY(14px)}.pane[hidden]{display:none}.claim-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:9px 9px 0 0 var(--stamp-card);padding:var(--s8) var(--s8) var(--s8);transition:box-shadow var(--dur-slow) var(--ease-spring)}body[data-btnstyle=edge] .claim-card{box-shadow:0 7px 0 0 var(--stamp-card)}@media (max-width:480px){.claim-card{padding:var(--s6) var(--s5)}}.field{margin-bottom:var(--s5)}.field__label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#4a463d;margin:0 0 var(--s2);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;line-height:12px;display:flex}.field__hint{letter-spacing:.02em;text-transform:none;color:var(--text-secondary);font-size:12px;font-weight:500}.field__input{border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--bg-canvas);width:100%;min-height:56px;padding:0 var(--s6);font-family:var(--sans);color:var(--text-primary);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);font-size:16px;font-weight:500}.field__input::placeholder{color:var(--text-disabled);font-weight:400}.field__input:hover{border-color:#d6cdb8}.field__input:focus{border-color:var(--brand);background:var(--surface);outline:none;box-shadow:0 0 0 3px #e87e6338}.field.is-error .field__input{border-color:#c0492e;box-shadow:0 0 0 3px #c0492e29}.field__error{margin:var(--s2) 0 0 var(--s5);color:#c0492e;font-size:13px;font-weight:600;display:none}.field.is-error .field__error{display:block}body:not([data-motion=off]) .field.is-error.shake{animation:field-shake .4s var(--ease-standard)}@keyframes field-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.claim-card__cta{width:100%;margin-top:var(--s3)}.claim-card__micro{margin:var(--s4) 0 0;text-align:center;color:var(--text-secondary);font-size:12px;line-height:16px}.clockin__counterline{margin:var(--s6) 0 0;text-align:center;color:var(--text-secondary);font-size:14px}.clockin__counterline .hl{font-family:var(--serif);color:var(--text-primary);font-size:18px;font-weight:500}.ticket-wrap{max-width:440px;margin:0 auto}.ticket{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:9px 9px 0 0 var(--stamp-card);padding:var(--s6) var(--s6) var(--s5);transition:transform var(--dur-slow) var(--ease-spring), box-shadow var(--dur-slow) var(--ease-spring);transform:rotate(-2deg)}body[data-btnstyle=edge] .ticket{box-shadow:0 7px 0 0 var(--stamp-card)}@media (hover:hover){body:not([data-motion=off]) .ticket:hover{box-shadow:11px 11px 0 0 var(--stamp-card);transform:rotate(0)translateY(-3px)}body[data-btnstyle=edge]:not([data-motion=off]) .ticket:hover{box-shadow:0 9px 0 0 var(--stamp-card)}}html.js body:not([data-motion=off]) .pane.is-in .ticket-wrap{animation:spring-celebrate var(--dur-celebrate) var(--ease-spring) both}.ticket__head{margin-bottom:var(--s5);justify-content:space-between;align-items:center;display:flex}.ticket__num{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,12vw,64px);font-weight:500;line-height:.95}.ticket__sub{margin:var(--s2) 0 0;color:var(--text-secondary);letter-spacing:.1em}.ticket__holder{font-family:var(--serif);margin:var(--s5) 0;font-size:19px;font-style:italic;font-weight:500;line-height:1.4}.ticket__foot{margin-top:var(--s6);padding-top:var(--s4);border-top:1.5px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ticket__wm{align-items:center;gap:var(--s2);display:flex}.invite{margin-top:var(--s10)}.invite__label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#4a463d;margin:0 0 var(--s2);text-align:center;font-size:11px;font-weight:700;line-height:12px}.invite__row{gap:var(--s2);display:flex}.invite__link{border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-width:0;min-height:48px;padding:0 var(--s5);font-family:var(--sans);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:1;font-size:14px;font-weight:500}.invite__link:focus{border-color:var(--brand);color:var(--text-primary);outline:none}.invite__copy{flex-shrink:0}.invite__micro{margin:var(--s3) 0 0;text-align:center;color:var(--text-secondary);font-size:12px;line-height:16px}.success__back{margin-top:var(--s8);text-align:center}.success__reset{margin:var(--s3) 0 0;text-align:center}.success__reset button{cursor:pointer;font:500 12px var(--sans);color:var(--text-secondary);text-underline-offset:2px;background:0 0;border:0;border-radius:4px;padding:4px 8px;text-decoration:underline}.success__reset button:hover{color:var(--text-primary)}.success__kicker{margin:0 0 var(--s6);justify-content:center;display:flex}.success h1{margin-bottom:var(--s3)}.success__sub{margin-bottom:var(--s10)}