.drip-login{--login-blue:#1E50DA;--login-ink:#18181b;--login-muted:#71717a;--login-border:#d6d6dc;display:grid;grid-template-columns:1fr 1fr;min-height:100svh;background:#fff;color:var(--login-ink);font-family:var(--font-plus-jakarta),sans-serif}.drip-login *{box-sizing:border-box}.drip-login a{text-decoration:none}.drip-login-form-side{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:45px clamp(30px,4vw,70px) 25px}.drip-login-brand{display:inline-flex;align-self:flex-start;align-items:center;min-height:40px}.drip-login-brand img{display:block;width:175px;height:auto}.drip-login-center{width:min(100%,476px);margin:auto;padding:55px 0 35px}.drip-login-card{border:1px solid var(--login-border);border-radius:10px;padding:clamp(26px,3.2vw,43px);background:#fff;box-shadow:0 15px 35px rgba(24,34,59,.035)}.drip-login-kicker{color:var(--login-blue);font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;letter-spacing:.16em}.drip-login-card h1{font-size:clamp(28px,2.4vw,37px);font-weight:650;letter-spacing:-.055em;line-height:1.15;margin:13px 0 10px}.drip-login-intro{font-size:14px;line-height:1.6;color:var(--login-muted);margin:0 0 32px}.drip-login-field{margin-bottom:22px}.drip-login-field label{display:block;font-size:13px;font-weight:650;margin-bottom:10px}.drip-login-label-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.drip-login-label-row a{font-size:12px;color:var(--login-blue);font-weight:600}.drip-login-label-row a:hover,.drip-login-signup a:hover{text-decoration:underline}.drip-login-input-wrap{display:flex;align-items:center;gap:12px;height:54px;border:1px solid #d6d9e2;border-radius:5px;padding:0 16px;color:#8f96a6;transition:border-color .16s,box-shadow .16s}.drip-login-input-wrap:focus-within{border-color:var(--login-blue);box-shadow:0 0 0 3px #1E50DA1a;color:var(--login-blue)}.drip-login-input-wrap:has(input[aria-invalid=true]){border-color:#dc2626}.drip-login-input-wrap input{border:0;outline:0;background:transparent;color:var(--login-ink);font:inherit;font-size:14px;min-width:0;width:100%;height:100%}.drip-login-input-wrap input::placeholder{color:#a1a4ae}.drip-login-visibility{display:flex;align-items:center;justify-content:center;color:#838995;border:0;background:transparent;padding:3px;cursor:pointer}.drip-login-visibility:hover{color:var(--login-blue)}.drip-login-field-error{color:#dc2626;font-size:12px;margin:6px 0 0}.drip-login-error{display:flex;align-items:center;gap:10px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:5px;padding:11px 12px;margin-bottom:22px;font-size:12px;line-height:1.4}.drip-login-error svg{flex-shrink:0}.drip-login-github,.drip-login-submit{height:54px;width:100%;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:5px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.drip-login-submit{border:1px solid var(--login-blue);background:var(--login-blue);color:#fff;margin-top:6px}.drip-login-submit:hover:not(:disabled){background:#1A46C0;transform:translateY(-1px)}.drip-login-submit:disabled{cursor:wait;opacity:.65}.drip-login-divider{display:flex;align-items:center;gap:16px;color:#8c909b;font-size:12px;margin:25px 0}.drip-login-divider:after,.drip-login-divider:before{content:"";height:1px;background:var(--login-border);flex:1}.drip-login-github{border:1px solid #cdd1dc;background:#fff;color:var(--login-ink)}.drip-login-github:hover{background:#f7f8fb;border-color:#a6adbf}.drip-login-signup{color:var(--login-muted);font-size:13px;margin:24px 0 0;text-align:center}.drip-login-signup a{color:var(--login-blue);display:inline-flex;align-items:center;gap:3px;font-weight:700}.drip-login-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#999faa}.drip-login-bottom a{color:#737b8a}.drip-login-bottom a:hover{color:var(--login-blue)}.drip-login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 16% 11%,#F4F6FD 0,#E8EEFB 37%,transparent 68%),radial-gradient(circle at 83% 83%,#C7D3F6,transparent 44%),#E8EEFB;border-left:1px solid #c7d3f6;padding:45px clamp(42px,6.5vw,105px) 32px}.drip-login-story:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #fff9;border-radius:50%;right:-230px;top:-180px;box-shadow:0 0 0 92px #ffffff24,0 0 0 190px #ffffff1a;pointer-events:none}.drip-login-story-content{position:relative;z-index:1;width:min(100%,585px);margin:auto}.drip-login-story-label{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-jetbrains-mono),monospace;color:#163CA4;font-size:10px;font-weight:700;letter-spacing:.14em}.drip-login-story-label>span{height:7px;width:7px;background:var(--login-blue);border-radius:50%;box-shadow:0 0 0 4px #C7D3F6}.drip-login-visual{position:relative;width:100%;margin:46px 0 48px;border:7px solid #fff;border-radius:8px;box-shadow:0 25px 55px #3047842d;overflow:visible;background:#1e2028;transform:rotate(-2deg)}.drip-login-visual>img{display:block;width:100%;height:auto;border-radius:0 0 7px 7px}.drip-login-visual-top{height:33px;display:flex;align-items:center;justify-content:center;position:relative;color:#7c8496;background:#fff;font-family:var(--font-jetbrains-mono),monospace;font-size:9px;letter-spacing:.06em;border-radius:7px 7px 0 0}.drip-login-visual-top>span:first-child{display:flex;gap:4px;position:absolute;left:10px}.drip-login-visual-top i{display:block;width:6px;height:6px;border-radius:50%;background:#c9d0dd}.drip-login-signal{position:absolute;bottom:-20px;right:-20px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c7d3f6;border-radius:7px;box-shadow:0 10px 24px #28407021;padding:11px 15px;color:#5d6574;font-size:12px;line-height:1.35;transform:rotate(2deg)}.drip-login-signal strong{color:#1d2739;font-size:14px}.drip-login-signal-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:5px;background:#E8EEFB;color:var(--login-blue);font-size:22px}.drip-login-story h2{font-size:clamp(38px,4.1vw,62px);font-weight:600;letter-spacing:-.06em;line-height:1.08;margin:0 0 19px}.drip-login-story-content>p{color:#586782;font-size:16px;line-height:1.65;max-width:500px;margin:0}.drip-login-story-footer{position:relative;display:flex;gap:30px;z-index:1;color:#667ba7;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;letter-spacing:.16em}.drip-login-spinner{animation:drip-login-spin 1s linear infinite}@keyframes drip-login-spin{to{transform:rotate(1turn)}}@media(max-width:950px){.drip-login{grid-template-columns:1fr}.drip-login-form-side{min-height:100svh}.drip-login-story{min-height:0;padding-block:70px;gap:45px}.drip-login-story-content{margin:0 auto}.drip-login-story-footer{width:min(100%,585px);margin:auto}}@media(max-width:600px){.drip-login-form-side{padding:25px 20px 20px}.drip-login-brand img{width:145px}.drip-login-center{padding:35px 0}.drip-login-card{padding:26px 22px;border-radius:8px}.drip-login-story{padding:55px 28px}.drip-login-visual{margin:35px 0}.drip-login-story h2{font-size:42px}.drip-login-signal{right:-10px;bottom:-14px}.drip-login-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){.drip-login-github,.drip-login-submit{transition:none}.drip-login-spinner{animation:none}}