.auth-screen{--auth-ink: #070f12;--auth-line: rgba(239, 230, 210, .14);--auth-line-strong: rgba(239, 230, 210, .26);--auth-field: rgba(2, 8, 10, .58);--auth-dim: #a9a291;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,500px);height:calc(100 * var(--ui-dvh));overflow:hidden;background:#050c10;color:var(--kit-paper)}.auth-art{position:absolute;inset:-4%;z-index:-2;background:38% 42% / cover no-repeat;filter:saturate(.95) brightness(.78) contrast(1.04);transform:translate(-1%,.8%);animation:auth-drift 40s ease-in-out infinite alternate;pointer-events:none}.auth-art[data-painted]{background-image:url(/assets/harbor-town.webp)}@keyframes auth-drift{to{transform:translate(1.2%,-1%)}}.auth-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 30%,rgba(5,12,16,.55) 72%,rgba(5,12,16,.85) 100%),linear-gradient(0deg,rgba(4,10,13,.92) 0%,rgba(4,10,13,.5) 26%,transparent 52%),radial-gradient(120% 90% at 30% 40%,transparent 50%,rgba(3,8,11,.55) 100%)}.auth-hero{align-self:end;display:grid;justify-items:start;gap:10px;padding:0 56px 56px;min-width:0}.auth-crest{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(216,184,101,.55);border-radius:50%;background:#050c108c;color:var(--kit-gold-lit);box-shadow:0 0 0 4px #d8b86514}.auth-brand{margin:4px 0 0;font-family:var(--kit-serif);font-size:clamp(40px,5.4vw,80px);font-weight:600;line-height:.95;letter-spacing:.1em;text-transform:uppercase;color:var(--kit-gold-lit);background:linear-gradient(180deg,#fff6df 10%,var(--kit-gold-lit) 45%,var(--kit-gold) 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 14px rgba(0,0,0,.6))}.auth-tagline{margin:0;font-size:15px;letter-spacing:.02em;color:var(--kit-parchment);text-shadow:0 1px 8px rgba(0,0,0,.8)}.auth-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;min-height:0;padding:48px 44px;overflow-y:auto;border-left:1px solid rgba(216,184,101,.2);background:linear-gradient(180deg,#091317d1,#060d10eb);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:-40px 0 80px #00000059}.auth-card{animation:auth-card-in var(--dur-enter) var(--ease-out) both}@keyframes auth-card-in{0%{opacity:0;translate:12px 0}}.calm-motion .auth-card{animation:none}.auth-card>*{flex:none;width:min(100%,384px)}.auth-back{display:inline-flex;align-items:center;gap:7px;width:auto;align-self:center;min-height:36px;margin:-6px 0 -4px;padding:0;border:0;background:transparent;color:var(--auth-dim);font:inherit;font-size:max(var(--text-min),13px);text-decoration:none;cursor:var(--cursor-pointer)}.auth-card>.auth-back{width:min(100%,384px)}.auth-back:hover{color:var(--kit-parchment-lit)}.auth-intro{display:grid;gap:8px}.auth-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:max(var(--text-min),12px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--kit-gold)}.auth-screen .auth-intro h1.auth-heading{margin:0;font-family:var(--kit-serif);font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.005em;color:var(--kit-parchment-lit);text-shadow:none;filter:none}.auth-lead{margin:0;font-size:max(var(--text-body-min),14px);line-height:1.55;color:var(--auth-dim)}.auth-tabs{--tab-pill: linear-gradient(180deg, #f1d893 0%, #d6b25e 100%);--tab-pill-radius: 9px;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--auth-line);border-radius:12px;background:#02080a80}.auth-tabs .kit-tab-pill{box-shadow:inset 0 1px #ffffff73,0 4px 14px -6px #d8b865b3;transition:opacity var(--hover-fade) var(--ease-hover)}.auth-tabs button{position:relative;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--auth-dim);font:inherit;font-size:max(var(--text-min),14px);font-weight:500;cursor:var(--cursor-pointer);transition:color var(--hover-fade) var(--ease-hover)}.auth-tabs button:hover{color:var(--kit-parchment-lit)}.auth-tabs button.on{color:#241705;font-weight:650}.auth-tabs button:focus-visible{outline:2px solid var(--kit-gold-lit);outline-offset:2px}.auth-form{display:grid;gap:14px}.auth-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:12px}.auth-field{display:grid;gap:7px;min-width:0}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-label{font-size:max(var(--text-min),13px);font-weight:500;color:var(--kit-parchment)}.auth-input{position:relative;display:flex;align-items:center;height:48px;border:1px solid var(--auth-line);border-radius:10px;background:var(--auth-field);transition:border-color var(--hover-fade) var(--ease-hover),box-shadow var(--hover-fade) var(--ease-hover),background var(--hover-fade) var(--ease-hover)}.auth-input:hover{border-color:var(--auth-line-strong)}.auth-input:focus-within{border-color:#d8b865cc;background:#02080abf;box-shadow:0 0 0 3px #d8b86529}.auth-input-icon{position:absolute;left:14px;color:var(--auth-dim);pointer-events:none;transition:color var(--hover-fade) var(--ease-hover)}.auth-input:focus-within .auth-input-icon{color:var(--kit-gold-lit)}.auth-input input,.auth-input select{width:100%;min-width:0;height:100%;padding:0 14px 0 43px;border:0;border-radius:inherit;outline:0;background:transparent;color:var(--kit-paper);font-family:var(--kit-sans);font-size:15px}.auth-input input::placeholder{color:#a9a2918c}.auth-input input[readonly]{color:var(--auth-dim)}.auth-input input:-webkit-autofill{-webkit-text-fill-color:var(--kit-paper);box-shadow:inset 0 0 0 100px #0a1418;caret-color:var(--kit-paper)}.auth-input:has(.auth-reveal) input{padding-right:48px}.auth-reveal{position:absolute;right:4px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--auth-dim);cursor:var(--cursor-pointer);transition:color var(--hover-fade) var(--ease-hover),background var(--hover-fade) var(--ease-hover)}.auth-reveal:hover{background:#efe6d20f;color:var(--kit-parchment-lit)}.auth-reveal:focus-visible{outline:2px solid var(--kit-gold-lit);outline-offset:-2px}.auth-select select{padding:0 34px 0 14px;appearance:none;cursor:var(--cursor-pointer)}.auth-select select option{background:#0b1519;color:var(--kit-paper)}.auth-select-caret{position:absolute;right:12px;color:var(--auth-dim);pointer-events:none}.auth-hint{font-size:max(var(--text-body-min),12px);line-height:1.45;color:var(--auth-dim)}.auth-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-block:-10px;padding:0;border:0;background:transparent;color:var(--kit-gold);font:inherit;font-size:max(var(--text-min),13px);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:var(--cursor-pointer);transition:color var(--hover-fade) var(--ease-hover),text-decoration-color var(--hover-fade) var(--ease-hover)}.auth-link:hover{color:var(--kit-gold-lit);text-decoration-color:currentColor}.auth-resend{width:auto;margin-block:-6px}.auth-submit,.auth-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;padding:0 18px;border-radius:11px;font:inherit;font-size:15px;font-weight:650;text-decoration:none;cursor:var(--cursor-pointer);transition:filter var(--hover-fade) var(--ease-hover),box-shadow var(--hover-fade) var(--ease-hover),background var(--hover-fade) var(--ease-hover),border-color var(--hover-fade) var(--ease-hover),translate var(--hover-move) var(--ease-hover)}.auth-submit{margin-top:4px;border:0;background:linear-gradient(180deg,#f4dea0,#d9b964 52%,#bf9744);color:#1f1405;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #5a3c0f66,0 12px 26px -12px #d8b865bf}@media(hover:hover)and (pointer:fine){.auth-submit:hover:not(:disabled){filter:brightness(1.06);translate:0 -2px;box-shadow:inset 0 1px #fff9,inset 0 -1px #5a3c0f66,0 16px 30px -12px #d8b865e6}}.auth-submit:active:not(:disabled){translate:0 1px;filter:brightness(.97);transition-duration:var(--dur-press)}.auth-submit:disabled{cursor:progress;filter:saturate(.75) brightness(.9)}.auth-submit:focus-visible,.auth-secondary:focus-visible{outline:2px solid var(--kit-gold-lit);outline-offset:3px}.auth-secondary{border:1px solid var(--auth-line-strong);background:#efe6d20a;color:var(--kit-parchment-lit)}.auth-secondary:hover{border-color:#d8b8658c;background:#efe6d214}.auth-spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-notice{display:grid;grid-template-columns:17px minmax(0,1fr);gap:10px;align-items:start;margin:0;padding:11px 13px;border:1px solid rgba(214,110,86,.42);border-radius:10px;background:#b5503a24;color:#f3cbbf;font-size:max(var(--text-body-min),13px);line-height:1.5}.auth-notice svg{margin-top:1px}.auth-success{border-color:#6fb3a273;background:#6fb3a21f;color:#cfe9e0}.auth-success-slot{min-height:42px}.auth-card:has(.auth-tabs[data-mode=sign-up]) .auth-success-slot:empty{min-height:0;margin-top:-18px}.auth-actions{display:grid;gap:10px}.auth-choices{display:grid;gap:12px}.auth-choice{display:grid;gap:12px;padding:16px;border:1px solid var(--auth-line);border-radius:12px;background:#02080a73}.auth-choice-head{display:grid;gap:3px}.auth-choice h2{margin:0;font-family:var(--kit-serif);font-size:18px;font-weight:600;color:var(--kit-parchment-lit)}.auth-choice small{font-size:max(var(--text-body-min),12.5px);color:var(--auth-dim)}.auth-choice dl{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}.auth-choice dl div{display:flex;align-items:baseline;gap:6px;font-size:max(var(--text-body-min),13px)}.auth-choice dt{color:var(--auth-dim)}.auth-choice dd{margin:0;font-weight:650;color:var(--kit-paper)}.auth-choice .auth-submit,.auth-choice .auth-secondary{min-height:44px;margin:0}.consent-fields{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}.consent-boxes{display:grid;gap:2px}.consent-account{margin:0;overflow-wrap:anywhere}.consent-box{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;align-content:center;gap:7px;min-height:36px;padding-block:3px;color:var(--auth-dim);font-size:max(var(--text-body-min),12.5px);line-height:1.45;cursor:var(--cursor-pointer, pointer)}.consent-toggle{display:grid;place-items:center;width:36px;height:36px;cursor:inherit}.consent-box>span{padding-top:8px}.consent-box:hover{color:var(--kit-parchment)}.consent-box input{display:grid;place-items:center;width:18px;height:18px;margin:0;border:1.5px solid rgba(239,230,210,.36);border-radius:5px;background:#02080a99;appearance:none;cursor:inherit;transition:background var(--hover-fade) var(--ease-hover),border-color var(--hover-fade) var(--ease-hover)}.consent-box:hover input{border-color:#d8b865b3}.consent-box input:checked{border-color:var(--kit-gold);background:var(--kit-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231f1405' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 12px no-repeat}.consent-box input:focus-visible{outline:2px solid var(--kit-gold-lit);outline-offset:2px}.consent-box a{color:var(--kit-parchment-lit);text-decoration:underline;text-underline-offset:2px}.consent-exits{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}.consent-exits .auth-link{margin-block:0;color:var(--auth-dim)}.consent-exits .auth-link:hover{color:var(--kit-parchment-lit)}@media(prefers-reduced-motion:reduce){.auth-art,.auth-spinner,.auth-card{animation:none}}@media(min-width:761px)and (max-height:800px){.auth-card{gap:12px;padding-block:18px}.auth-intro{gap:4px}.auth-lead{font-size:max(var(--text-body-min),13px);line-height:1.45}.auth-screen .auth-intro h1.auth-heading{font-size:26px}.auth-form,.consent-fields{gap:11px}.auth-field{gap:5px}.auth-input{height:44px}.auth-submit{min-height:46px;margin-top:2px}.consent-box{min-height:36px;padding-block:0;line-height:1.4}.auth-notice{padding-block:8px}}@media(orientation:portrait)and (min-width:761px)and (max-width:1100px){.auth-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:safe center;justify-items:center}.auth-hero{grid-row:1;align-self:end;justify-items:center;padding:0 24px 28px;text-align:center}.auth-card{grid-row:2;width:min(520px,calc(100% - 48px));padding:36px 40px;border:1px solid rgba(216,184,101,.22);border-radius:20px;box-shadow:0 30px 80px #00000080}.auth-shade{background:linear-gradient(0deg,rgba(4,10,13,.92) 0%,rgba(4,10,13,.55) 45%,transparent 75%),radial-gradient(120% 90% at 50% 30%,transparent 50%,rgba(3,8,11,.55) 100%)}}@media(max-width:760px){.auth-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;height:auto;min-height:calc(100 * var(--ui-dvh));overflow:visible;padding:0 12px calc(12px + env(safe-area-inset-bottom))}.auth-art{position:fixed;inset:0;background-position:30% 40%;animation:none;transform:none}.auth-art[data-painted]{background-image:url(/assets/landing/harbor-town-1280.webp)}.auth-shade{position:fixed;background:linear-gradient(180deg,#040a0d1a,#040a0db3 34%,#050c10 70%),radial-gradient(120% 60% at 50% 15%,transparent 40%,rgba(3,8,11,.5) 100%)}.auth-hero{justify-items:center;gap:6px;padding:calc(40px + env(safe-area-inset-top)) 8px 24px;text-align:center}.auth-crest{width:38px;height:38px}.auth-brand{font-size:calc(clamp(30px,calc(9 * var(--ui-vw)),42px)*min(var(--ui-font, 1),1.1));letter-spacing:.08em;white-space:nowrap}.auth-tagline{font-size:13px}.auth-card{gap:16px;padding:24px 20px;overflow:visible;border:1px solid rgba(216,184,101,.2);border-radius:18px;box-shadow:0 20px 60px #00000080}.auth-screen .auth-intro h1.auth-heading{font-size:25px}.auth-row{grid-template-columns:minmax(0,1fr) 128px;gap:10px}.auth-select select{padding:0 30px 0 12px}}.auth-input:has(input[aria-invalid=true]){border-color:#df9b86;animation:auth-shake .38s cubic-bezier(.36,.07,.19,.97)}.auth-input:has(input[aria-invalid=true]):after{content:"";position:absolute;inset:-1px;border:1px solid #ffab93;border-radius:inherit;background:#df9b8629;box-shadow:0 0 0 3px #df9b864d;opacity:0;pointer-events:none;animation:auth-flash .9s ease-out}.auth-form[data-attempt=odd] .auth-input:has(input[aria-invalid=true]){animation-name:auth-shake-again}.auth-form[data-attempt=odd] .auth-input:has(input[aria-invalid=true]):after{animation-name:auth-flash-again}@keyframes auth-shake{0%,to{transform:none}15%{transform:translate(-6px)}32%{transform:translate(5px)}50%{transform:translate(-4px)}68%{transform:translate(2px)}84%{transform:translate(-1px)}}@keyframes auth-shake-again{0%,to{transform:none}15%{transform:translate(-6px)}32%{transform:translate(5px)}50%{transform:translate(-4px)}68%{transform:translate(2px)}84%{transform:translate(-1px)}}@keyframes auth-flash{0%{opacity:1}to{opacity:0}}@keyframes auth-flash-again{0%{opacity:1}to{opacity:0}}.calm-motion .auth-input:has(input[aria-invalid=true]){animation:none}@media(prefers-reduced-motion:reduce){.auth-input:has(input[aria-invalid=true]){animation:none}}.auth-notice:focus-visible{outline:2px solid #df9b86;outline-offset:3px}
