.tl-login{--tl-ink:#0c0b10;--tl-muted:#5a5468;--tl-line:#8c869a;--tl-stroke:#8c869a80;--tl-violet:#7631f5;--tl-violet-deep:#6322d6;--tl-pink:#ff2d8a;--tl-danger:#b91c1c;--tl-violet-ink:#6322d6;--tl-bg:#faf9fc;--tl-surface:#fff;--tl-panel:#f3f1f7;--tl-hair:#e7e4ee;--tl-soft:#f5f0ff;--tl-danger-soft:#fee2e2;--tl-display:var(--font-jakarta), "Plus Jakarta Sans", sans-serif;--tl-sans:var(--font-inter), Inter, sans-serif;background:var(--tl-bg);min-height:100svh;color:var(--tl-ink);font-family:var(--tl-sans);grid-template-columns:620px 1fr;display:grid}.tl-login p,.tl-login h1{margin:0}@media (prefers-color-scheme:dark){.tl-login{--tl-ink:#faf9fc;--tl-muted:#a39db2;--tl-line:#767085;--tl-stroke:#76708580;--tl-violet:#8a4dff;--tl-violet-ink:#bc9cff;--tl-danger:#f87171;--tl-bg:#0c0b10;--tl-surface:#15131b;--tl-panel:#1c1a24;--tl-hair:#26232f;--tl-soft:#240b52;--tl-danger-soft:#2f0d0d}.tl-brand{--tl-ink:#0c0b10;--tl-violet:#7631f5}}.tl-brand{color:#fff;background:radial-gradient(403px 405px at 310px 558px,#7631f5a6 0%,#ff2d8a33 45%,#05050700 100%),#050507;position:relative;overflow:hidden}.tl-brand>*,.tl-art>*{position:absolute}.tl-art{inset:0}.tl-brand-logo{top:56px;left:56px}.tl-tablet{display:none}.tl-pitch{width:508px;top:128px;left:56px}.tl-headline{font:800 52px / 55px var(--tl-display);letter-spacing:-2px;color:#fff;flex-direction:column;align-items:flex-start;display:flex}.tl-headline-accent{color:#0000;background:linear-gradient(90deg,#ff5fa8,#b794ff);-webkit-background-clip:text;background-clip:text}.tl-logo{font:800 19px / 24px var(--tl-display);letter-spacing:-.6px;align-items:center;gap:8px;display:inline-flex}.tl-logo-mark{background:linear-gradient(225deg, var(--tl-violet), var(--tl-pink));color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.tl-phone{box-sizing:border-box;background:#0e0d12;border-radius:48px;width:290px;height:640px;padding:9px;top:300px;left:165px;box-shadow:inset 0 0 0 1.5px #ffffff2e,0 40px 120px #7631f599,0 10px 30px #000c}.tl-phone-screen{box-sizing:border-box;background:#2a2016 url(/creator.jpg) 50%/cover;border-radius:40px;flex-direction:column;justify-content:space-between;height:622px;padding:18px 16px 90px;display:flex}.tl-progress{gap:4px;display:flex}.tl-progress i{background:#fff;border-radius:2px;flex:1;height:3px}.tl-progress .tl-progress-part{background:linear-gradient(90deg,#fff 60%,#ffffff4d 61%)}.tl-progress .tl-progress-empty{background:#ffffff4d}.tl-caption{flex-direction:column;align-items:center;gap:6px;display:flex}.tl-caption span{align-items:center;gap:7px;display:flex}.tl-caption b{font:800 30px / 38px var(--tl-display);letter-spacing:-.5px;color:#fff;text-shadow:0 2px 8px #000000b3}.tl-caption .tl-caption-hit{color:var(--tl-ink);text-shadow:none;background:#ffd43b;border-radius:6px;margin:2.5px 0;padding:2px 7px;transform:rotate(2deg)}.tl-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-origin:0 0;background:#16141dcc;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:10px;padding:13px;display:flex;box-shadow:0 0 0 1px #ffffff12,0 20px 50px #0009}.tl-card-script{top:392px;left:28px;transform:rotate(-4deg)}.tl-card-cuts{top:488px;left:392px;transform:rotate(3deg)}.tl-card-week{top:640px;left:40px;transform:rotate(4deg)}.tl-card-head{align-items:center;gap:10px;display:flex}.tl-card-icon{color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.tl-tone-brand{background:linear-gradient(225deg, var(--tl-violet), var(--tl-pink))}.tl-tone-pink{background:var(--tl-pink)}.tl-tone-green{background:#22c55e}.tl-card-text{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.tl-card-text strong{font:700 13px / 16px var(--tl-sans);color:#fff}.tl-card-text span{font:400 11px / 13px var(--tl-sans);color:#fff9}.tl-wave{align-items:center;gap:2px;height:26px;display:flex}.tl-wave i{background:#ffffff59;border-radius:1.5px;width:3px}.tl-wave .tl-wave-cut{background:var(--tl-pink)}.tl-days{gap:5px;display:flex}.tl-days span{background:var(--tl-violet);width:22px;height:22px;font:700 10px / 12px var(--tl-sans);color:#fff;border-radius:6px;place-items:center;display:grid}.tl-views{transform-origin:0 0;font:800 14px / 17px var(--tl-sans);color:var(--tl-ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;top:372px;left:392px;transform:rotate(-4deg);box-shadow:0 16px 40px #0009}.tl-views span{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.tl-status-bar{display:none}.tl-form-panel{justify-content:center;align-items:center;padding:48px;display:flex}.tl-form,.tl-stack{flex-direction:column;gap:24px;display:flex}.tl-form{width:400px}.tl-form-logo{display:none}.tl-heading{flex-direction:column;gap:6px;display:flex}.tl-title{font:700 32px / 40px var(--tl-display);letter-spacing:-.6px;color:var(--tl-ink)}.tl-lead{font:400 15px / 1.5 var(--tl-sans);color:var(--tl-muted);overflow-wrap:anywhere}.tl-field{flex-direction:column;gap:6px;display:flex}.tl-label{font:500 14px / 17px var(--tl-sans)}.tl-control{box-sizing:border-box;border:1px solid var(--tl-stroke);background:var(--tl-surface);height:40px;box-shadow:0 0 0 1px var(--tl-stroke);color:var(--tl-muted);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.tl-control:focus-within{border-color:var(--tl-violet);box-shadow:0 0 0 3px #7631f533}.tl-control-invalid{border-color:var(--tl-danger);box-shadow:0 0 0 1px color-mix(in srgb, var(--tl-danger) 50%, transparent)}.tl-control input{min-width:0;font:400 14px / 20px var(--tl-sans);color:var(--tl-ink);background:0 0;border:0;outline:none;flex:1;padding:0}.tl-control input::placeholder{color:var(--tl-line)}.tl-hint{font:400 13px / 1.45 var(--tl-sans);color:var(--tl-danger)}.tl-btn{box-sizing:border-box;height:44px;font:600 14px / 17px var(--tl-sans);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:flex}.tl-btn:disabled{cursor:not-allowed}.tl-btn:disabled:not([aria-busy]){opacity:.55}.tl-btn[aria-busy]{cursor:progress}.tl-btn-primary{background:var(--tl-violet);color:#fff}.tl-btn-primary:hover:not(:disabled){background:var(--tl-violet-deep)}.tl-btn-ghost{color:var(--tl-ink);background:0 0}.tl-btn-ghost:hover:not(:disabled){background:var(--tl-panel)}.tl-btn-google{border:1px solid var(--tl-stroke);box-shadow:0 0 0 1px var(--tl-stroke);background:var(--tl-surface);color:var(--tl-ink)}.tl-btn-google:hover:not(:disabled){background:var(--tl-panel)}.tl-btn-apple{background:var(--tl-ink);color:var(--tl-bg)}.tl-apple{width:18px;height:18px}.tl-spinner{box-sizing:border-box;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite tl-spin}@keyframes tl-spin{to{transform:rotate(360deg)}}.tl-divider{font:400 12px / 15px var(--tl-sans);color:var(--tl-muted);align-items:center;gap:12px;display:flex}.tl-divider:before,.tl-divider:after{content:"";background:var(--tl-hair);flex:1;height:1px}.tl-legal{font:400 12px / 1.5 var(--tl-sans);color:var(--tl-muted)}.tl-legal a{color:inherit;cursor:pointer;text-decoration:underline}.tl-sent-icon{background:var(--tl-soft);width:56px;height:56px;color:var(--tl-violet-ink);border-radius:16px;place-items:center;display:grid}.tl-note{background:var(--tl-panel);font:400 13px / 1.5 var(--tl-sans);color:var(--tl-muted);border-radius:10px;align-items:flex-start;gap:8px;padding:12px;display:flex}.tl-note svg{flex:none}.tl-link{font:600 14px / 17px var(--tl-sans);color:var(--tl-violet-ink);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.tl-alert{border:1px solid color-mix(in srgb, var(--tl-danger) 50%, transparent);background:var(--tl-danger-soft);box-shadow:0 0 0 1px color-mix(in srgb, var(--tl-danger) 50%, transparent);color:var(--tl-danger);border-radius:12px;gap:12px;padding:15px;display:flex}.tl-alert svg{flex:none}.tl-alert span{font:400 13px / 1.45 var(--tl-sans);color:var(--tl-ink);flex-direction:column;gap:4px;display:flex}.tl-alert strong{font:600 14px / 17px var(--tl-sans);color:var(--tl-danger)}@media (834px<=width<1100px){.tl-login{flex-direction:column;display:flex}.tl-login .tl-desk{display:none}.tl-login .tl-tablet{display:block}.tl-brand{background:radial-gradient(80% 70% at 20% 90%,#8a4dff80 0%,#ff2d8a33 50%,#05050700 100%),#050507;flex-direction:column;gap:32px;padding:48px 56px;display:flex}.tl-brand>*{position:static}.tl-brand-logo{align-self:flex-start}.tl-pitch{flex-direction:column;gap:16px;width:auto;display:flex}.tl-headline{letter-spacing:-1.4px;font-size:44px;line-height:48px}.tl-pitch-text{font:400 17px / 26px var(--tl-sans);color:#d2cddc}.tl-login .tl-brand-tiles{align-items:flex-end;gap:12px;display:flex}.tl-brand-tile{background:linear-gradient(#00000059 0%,#0000 28% 55%,#000000bf 100%),url(/login-tile.jpg) 50%/cover;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;height:180px;padding:8px;display:flex}.tl-brand-tile:nth-child(2){height:220px}.tl-brand-tile-state{font:600 11px / 13px var(--tl-sans);color:#fff;background:#0c0b10b3;border-radius:9999px;align-items:center;gap:4px;padding:3px 7px;display:flex}.tl-brand-tile-state svg{color:#4ade80}.tl-brand-tile-foot{justify-content:space-between;align-self:stretch;align-items:flex-end;gap:6px;display:flex}.tl-brand-tile-foot b{width:172px;font:800 10px / 1.2 var(--tl-display);color:#fff}.tl-brand-tile-time{font:400 11px / 15px var(--font-mono), "JetBrains Mono", monospace;color:#fff;background:#0c0b10b3;border-radius:4px;padding:2px 6px}.tl-form-panel{flex:1}.tl-login .tl-title{font-size:28px;line-height:35px}.tl-login .tl-lead{font-size:16px}}@media not (min-width:834px){.tl-login{display:block}.tl-brand{display:none}.tl-status-bar{height:47px;display:block}.tl-form-panel{padding:24px 24px 32px;display:block}.tl-form{width:auto;max-width:400px}.tl-form-logo{align-self:flex-start;display:inline-flex}.tl-title{font-size:26px;line-height:33px}.tl-lead{font-size:16px}.tl-control,.tl-btn{height:48px}}.tl-dev-link{z-index:10;border:1px dashed var(--tl-violet);background:var(--tl-surface);font:600 12px / 15px var(--tl-sans);color:var(--tl-violet-ink);border-radius:8px;padding:6px 10px;position:fixed;bottom:16px;left:16px}
