.creator-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.creator-login .cl-col{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 0 16px}.creator-login .cl-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:40px 0}.creator-login .cl-block{width:360px;max-width:100%;display:flex;flex-direction:column;align-items:center}.creator-login .cl-title{font:600 30px/36px var(--font-ui);letter-spacing:-.3px;text-align:center;color:var(--text-primary)}.creator-login .cl-sub{margin-top:8px;font:400 14px/20px var(--font-ui);color:var(--text-secondary);text-align:center}.creator-login .cl-alert{width:100%;margin-top:24px;padding:12px 16px;border-radius:12px;background:var(--danger-bg);color:var(--danger);font:400 14px/20px var(--font-ui)}.creator-login .cl-providers{width:100%;margin-top:40px;display:flex;flex-direction:column;gap:12px}.creator-login .cl-providers form{display:contents}.creator-login .cl-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;padding:0 16px;border:2px solid rgba(31,30,27,.1);border-radius:12px;background:var(--white);font:600 14px/20px var(--font-ui);color:var(--text-primary);transition:background .15s,border-color .15s}.creator-login .cl-btn:hover{background:var(--butter-50);border-color:rgba(31,30,27,.2)}.creator-login .cl-btn-primary{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--yellow-600)}.creator-login .cl-btn-primary:hover{background:var(--yellow-400);border-color:var(--yellow-400)}.creator-login .cl-or{height:16px;font:500 12px/16px var(--font-ui);color:var(--text-secondary);text-align:center;letter-spacing:1px}.creator-login .cl-help{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;margin-top:32px;padding:0 16px;border-radius:16px;background:var(--white);border:1px solid var(--border);font:400 14px/20px var(--font-ui);color:var(--text-secondary);white-space:nowrap}.creator-login .cl-help a,.creator-login .cl-help b{font-weight:600;color:var(--text-primary)}.creator-login .cl-help a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--accent-deep);text-decoration-thickness:2px;text-underline-offset:2px}.creator-login .cl-foot{width:360px;max-width:100%;min-height:92px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:56px;text-align:center;font:400 12px/16px var(--font-ui);color:var(--text-secondary)}.creator-login .cl-form{width:100%;margin-top:40px;display:flex;flex-direction:column;gap:16px}.creator-login .cl-form-tight{margin-top:16px}.creator-login .cl-input{width:100%;height:52px;padding:0 16px;border:2px solid rgba(31,30,27,.1);border-radius:12px;background:var(--white);font:400 16px/24px var(--font-ui);color:var(--text-primary)}.creator-login .cl-input::-moz-placeholder{color:var(--text-secondary)}.creator-login .cl-input::placeholder{color:var(--text-secondary)}.creator-login .cl-input:focus{outline:2px solid var(--focus);outline-offset:0;border-color:transparent}.creator-login .cl-input-code{font-family:var(--font-display);font-size:20px;letter-spacing:.3em;font-variant-numeric:tabular-nums}.creator-login .cl-input-code::-moz-placeholder{font-family:var(--font-ui);font-size:16px;letter-spacing:0}.creator-login .cl-input-code::placeholder{font-family:var(--font-ui);font-size:16px;letter-spacing:0}.creator-login .cl-submit{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:12px;background:var(--accent);box-shadow:inset 0 -2px 0 var(--yellow-600);font:600 14px/20px var(--font-ui);color:var(--text-primary);transition:background .15s}.creator-login .cl-submit:hover{background:var(--yellow-400)}.creator-login .cl-note{width:100%;margin-top:40px;padding:12px 16px;border-radius:12px;background:var(--white);border:1px solid var(--border);font:400 14px/20px var(--font-ui);color:var(--text-secondary)}.creator-login .cl-note strong{color:var(--text-primary);font-weight:600}.creator-login .cl-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:18px;min-height:44px}.creator-login .cl-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border-radius:8px;font:400 14px/20px var(--font-ui);color:var(--text-secondary)}.creator-login .cl-link:hover{color:var(--text-primary)}.creator-login .cl-hint{width:100%;margin-top:24px;padding:12px 16px;border-radius:12px;background:var(--butter-200);border:1px solid var(--yellow-600);font:400 13px/18px var(--font-ui);color:var(--ink-800);display:flex;flex-direction:column;gap:8px}.creator-login .cl-hint b{font-weight:600}.creator-login .cl-hint small{display:block;font-size:12px;color:var(--text-secondary)}.creator-login .cl-media{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin:16px 16px 16px 0;padding:32px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--accent-frame),var(--yellow-500));border:1px solid var(--yellow-600);box-shadow:inset 0 0 46px rgba(255,255,255,.45),0 16px 48px rgba(184,138,18,.18)}.creator-login .cl-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(255,255,255,.9),transparent 70%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(184,138,18,.25) 79px 80px),repeating-linear-gradient(0deg,transparent 0 59px,rgba(184,138,18,.18) 59px 60px)}.creator-login .cl-shots{position:absolute;left:32px;right:32px;top:32px;bottom:230px;display:grid;place-items:center}.creator-login .cl-shot{grid-area:1/1;width:min(600px,100%);margin:0;padding:5px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(120,86,0,.25);opacity:0;transition:opacity .4s}.creator-login .cl-shot[data-active]{opacity:1}.creator-login .cl-shot img{display:block;width:100%;height:auto;border-radius:10px}.creator-login .cl-caption{position:relative;z-index:1}.creator-login .cl-caption h2{font:700 48px/56px var(--font-display);letter-spacing:-1.68px;color:var(--text-primary)}.creator-login .cl-caption p{margin-top:8px;font:400 14px/20px var(--font-ui);color:rgba(31,30,27,.75)}.creator-login .cl-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:51px}.creator-login .cl-step{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:14px;min-height:44px;padding:0;border-radius:6px;text-align:left;color:var(--ink-600);font:500 14px/20px var(--font-ui);transition:color .15s}.creator-login .cl-step[aria-pressed=true]{color:var(--text-primary)}.creator-login .cl-step-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-login .cl-bar{display:block;height:2px;border-radius:1px;background:rgba(31,30,27,.25);overflow:hidden}.creator-login .cl-fill{display:block;height:100%;width:100%;background:var(--ink-900);transform:scaleX(0);transform-origin:left center}.creator-login .cl-step[data-done] .cl-fill{transform:scaleX(1)}.creator-login .cl-media[data-ready] .cl-step[aria-pressed=true] .cl-fill{animation:cl-fill 5s linear forwards}.creator-login .cl-media[data-paused] .cl-step[aria-pressed=true] .cl-fill{animation-play-state:paused}@keyframes cl-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.creator-login .cl-media[data-ready] .cl-step[aria-pressed=true] .cl-fill{animation:none;transform:scaleX(1)}.creator-login .cl-step[aria-pressed=true] .cl-fill{transform:scaleX(1)}.creator-login .cl-shot{transition:none}}@media (max-width:959px){.creator-login{grid-template-columns:1fr}.creator-login .cl-media{display:none}.creator-login .cl-col{padding:0 16px}.creator-login .cl-main{padding:56px 0 24px}}