.auth-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.promo{text-align:center;color:#1f2a1e;background-color:#f9de6b;background-image:repeating-linear-gradient(-55deg,#ffffff38 0 2px,#0000 2px 14px);border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.promo-star{font-size:17px;line-height:1}.promo-text b{font-weight:800}.promo-ticket{color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;outline-offset:-5px;background:#12302b;border-radius:8px;outline:1.5px dashed #ffffff80;align-items:center;padding:5px 16px;font-weight:700;display:inline-flex;position:relative}.promo-ticket:before,.promo-ticket:after{content:"";background:#f9de6b;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%}.promo-ticket:before{left:-5px}.promo-ticket:after{right:-5px}.auth{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.auth-side{color:#fff;background-color:#0b6e63;background-image:radial-gradient(120% 80% at 100% 0,#ffffff24,#0000 55%),radial-gradient(90% 70% at 0 100%,#0000002e,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;gap:32px;padding:40px 56px;display:flex;position:relative;overflow:hidden}.brand-light .wordmark{color:#fff}.brand-light svg rect{fill:#fff}.auth-pitch{max-width:30ch;margin-top:auto}.auth-pitch h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.12}.auth-pitch p{color:#ffffffd1;max-width:40ch;margin:0;font-size:16px;line-height:1.55}.auth-demo{max-width:380px;color:var(--ink);background:#fff;border-radius:18px;padding:16px;position:relative;transform:rotate(-1.5deg);box-shadow:0 24px 50px #00000040}.demo-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.demo-count{color:var(--teal-dark);background:#0e9f8e1f;border-radius:99px;padding:2px 8px;font-size:12.5px;font-weight:600}.demo-row{grid-template-columns:44px 1fr;align-items:center;gap:8px;padding:4px 0;display:grid}.demo-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.demo-bar{color:#374140;border-left:3px solid;border-radius:10px;padding:8px 10px;font-size:13px;display:block}.demo-bar b{color:var(--ink);margin-right:6px}.demo-bar.a{background:#e6f4f1;border-color:#0e9f8e}.demo-bar.b{background:#e8eefc;border-color:#2563eb}.demo-bar.c{background:#fdf0e1;border-color:#d97706}.demo-toast{color:#fff;background:#12302b;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:500;display:flex;position:absolute;bottom:-18px;right:-18px;transform:rotate(1.5deg);box-shadow:0 10px 24px #00000040}.demo-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #34d3994d}.auth-points{color:#ffffffe6;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.auth-points li{align-items:center;gap:10px;display:flex}.auth-points li:before{content:"";background:#ffffff29 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;flex:none;width:20px;height:20px}.auth-card{border-radius:22px;place-self:center;width:min(420px,100% - 32px);margin:40px auto;padding:36px 32px;box-shadow:0 1px 2px #0000000a,0 12px 32px #1028240f}.auth-logo{display:none}.auth-card h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.auth-sub{color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.5}.auth-invite{color:#6b5300;background:#fef6d6;border:1px solid #f5e2a0;border-radius:99px;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 18px;padding:6px 12px;font-size:13.5px;display:inline-flex}.auth-invite b{color:#3d3000;margin:0 2px}.auth-card .btn-outline{border-radius:12px;height:48px;margin-top:0;font-weight:600}.auth-card .divider{margin:18px 0}.auth-card form{gap:16px}.auth-card input{border-radius:12px;height:48px;padding:0 14px;font-size:16px}.auth-card input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0e9f8e29}.auth-card input::placeholder{color:#a9b2b1}.auth-card .btn-primary{border-radius:12px;height:50px;margin-top:4px;font-size:16px;font-weight:600;box-shadow:0 6px 16px #0e9f8e40}.label-row{justify-content:space-between;align-items:baseline;display:flex}.label-link{font-size:13px;font-weight:500;text-decoration:none}.label-link:hover{text-decoration:underline}.label-link[hidden]{display:none}.pw-field{display:block;position:relative}.pw-field input{padding-right:84px}.pw-toggle{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw-toggle:hover{background:var(--bg);color:var(--ink)}.auth-card .links{margin-top:18px}.auth-card .links a{font-weight:600;text-decoration:none}.auth-card .links a:hover{text-decoration:underline}.auth-sent{justify-items:start;gap:10px;padding-top:4px;display:grid}.auth-sent[hidden]{display:none}.sent-icon{width:56px;height:56px;color:var(--teal-dark);background:#0e9f8e1f;border-radius:16px;place-items:center;display:grid}.auth-sent h2{letter-spacing:-.02em;margin:6px 0 0;font-size:24px}.auth-sent p{color:#4b5553;margin:0;font-size:15px;line-height:1.55}.auth-sent .hint{font-size:13.5px}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-side{display:none}.auth-logo{margin-bottom:22px;display:inline-flex}.auth-card{margin:24px auto 40px;padding:28px 22px}.promo{gap:6px 8px;padding:10px 12px;font-size:13.5px}.promo-star{display:none}}@media (prefers-reduced-motion:no-preference){.auth-demo{animation:.6s cubic-bezier(.2,.8,.2,1) both demo-in}.demo-toast{animation:.5s cubic-bezier(.2,.8,.2,1) .6s both toast-in}}@keyframes demo-in{0%{opacity:0;transform:translateY(16px)rotate(-1.5deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)rotate(1.5deg)}}.brand-teal .wordmark{color:var(--teal)}.promo[hidden],.auth-invite[hidden],.auth-ok[hidden]{display:none!important}.auth-ok{width:52px;height:52px;color:var(--teal-dark);background:#0e9f8e1f;border-radius:16px;place-items:center;margin-bottom:14px;display:grid}#google[hidden],#google-divider[hidden]{display:none!important}.ob-page{background:var(--bg)}.ob-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.ob-logout{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;text-decoration:none}.ob-logout:hover{background:var(--bg);color:var(--ink)}.ob-card{width:min(460px,100% - 32px);margin:40px auto}.ob-steps{color:var(--muted);gap:6px;margin:0 0 22px;padding:0;font-size:13px;list-style:none;display:flex}.ob-steps li{background:#f1f4f4;border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.ob-steps li span{background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.ob-steps li.done{color:var(--teal-dark)}.ob-steps li.done span{background:#0e9f8e26}.ob-steps li.now{background:var(--teal);color:#fff;font-weight:600}.ob-steps li.now span{color:var(--teal-dark)}.ob-slug{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;height:48px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ob-slug:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0e9f8e29}.auth-card .ob-slug input{min-width:0;height:100%;box-shadow:none;border:0;border-radius:0;flex:1;padding-right:4px}.ob-suffix{color:var(--muted);white-space:nowrap;padding:0 14px 0 2px;font-weight:500}.ob-hint{color:var(--muted);font-size:12.5px;font-weight:400}.ob-preview{background:#f4f7f7;border-radius:16px;gap:8px;padding:10px;display:grid}.ob-url{color:#4b5553;background:#fff;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:6px 10px;font-size:13px;display:flex}.ob-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ob-url svg{color:var(--teal-dark);flex:none}.ob-site{background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.ob-av{background:var(--teal);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid}.ob-site div{min-width:0;display:grid}.ob-site b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ob-site div span{color:var(--muted);font-size:12.5px}.ob-btn{background:var(--teal);color:#fff;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600}@media (max-width:640px){.ob-top{padding:12px 16px}.ob-card{margin:20px auto 40px}.ob-card .auth-logo{display:none}}.ob-label-row{align-items:center;gap:8px;display:flex}.ob-info{color:#5f6b6a;cursor:pointer;background:#fff;border:1.5px solid #9aa5a4;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;font:italic 700 12px/1 Georgia,serif;display:inline-grid}.ob-info:hover,.ob-info[aria-expanded=true]{border-color:var(--teal);color:var(--teal-dark);background:#0e9f8e14}.ob-tip{color:#1f4d47;background:#0e9f8e14;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:400;line-height:1.45;display:block}.ob-tip[hidden]{display:none}.ob-preview{padding:8px}.auth-card .ob-select{border:1px solid var(--line);width:100%;height:48px;font:inherit;color:var(--ink);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%235f6b6a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/18px no-repeat;border-radius:12px;padding:0 40px 0 14px;font-size:16px;font-weight:400}.auth-card .ob-select:invalid{color:#a9b2b1}.auth-card .ob-select option{color:var(--ink)}.auth-card .ob-select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0e9f8e29}.auth-card #city-other{margin-top:8px}