.flowly-site .auth-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.flowly-site .auth-form{flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.flowly-site .auth-card{width:100%;max-width:400px}.flowly-site .auth-card .brand{margin-bottom:40px}.flowly-site .auth-card h1{margin-bottom:8px;font-size:38px;line-height:1.05}.flowly-site .auth-card .sub{color:var(--ink-2);margin-bottom:30px;font-size:15.5px}.flowly-site .social-btn{border:1px solid var(--line);width:100%;font-family:var(--font-sans);color:var(--teal-ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .18s;display:flex}.flowly-site .social-btn:hover:not(:disabled){background:var(--mist);transform:translateY(-1px)}.flowly-site .social-btn:disabled{opacity:.6;cursor:not-allowed}.flowly-site .social-btn svg{width:18px;height:18px}.flowly-site .divider{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0;font-size:11.5px;display:flex}.flowly-site .divider:before,.flowly-site .divider:after{content:"";background:var(--line);flex:1;height:1px}.flowly-site .field{margin-bottom:16px}.flowly-site .field label{color:var(--teal-ink);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.flowly-site .field input{border:1px solid var(--line);width:100%;font-family:var(--font-sans);color:var(--ink);background:#fff;border-radius:12px;padding:13px 15px;font-size:15px;transition:border .2s,box-shadow .2s}.flowly-site .field input::placeholder{color:var(--muted)}.flowly-site .field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00a6c824}.flowly-site .field input:disabled{opacity:.6}.flowly-site .auth-card form .btn-primary{margin-top:6px}.flowly-site .auth-card .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.flowly-site .auth-card .btn .spin{width:16px;height:16px;animation:.7s linear infinite flw-spin}.flowly-site .social-btn .spin{width:18px;height:18px;animation:.7s linear infinite flw-spin}@keyframes flw-spin{to{transform:rotate(360deg)}}.flowly-site .auth-switch{text-align:center;color:var(--ink-2);margin-top:24px;font-size:14.5px}.flowly-site .auth-switch a{color:var(--primary-deep);font-weight:600;text-decoration:none}.flowly-site .auth-switch a:hover{text-decoration:underline}.flowly-site .legal-note{text-align:center;color:var(--muted);margin-top:18px;font-size:12px;line-height:1.5}.flowly-site .legal-note a{color:var(--primary-deep);text-decoration:none}.flowly-site .legal-note a:hover{text-decoration:underline}.flowly-site .auth-panel{position:relative;overflow:hidden}.flowly-site .auth-panel img{object-fit:cover;object-position:30% 65%;width:100%;height:100%;position:absolute;inset:0}.flowly-site .auth-panel .ov{background:linear-gradient(#0f4c5c9e,#0a6b8073 50%,#0f4c5cb3);position:absolute;inset:0}.flowly-site .auth-panel canvas{opacity:.45;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flowly-site .auth-panel .pc{z-index:3;flex-direction:column;justify-content:flex-end;padding:56px;display:flex;position:absolute;inset:0}.flowly-site .auth-panel .pc .q{font-family:var(--font-serif);color:#eafcff;letter-spacing:-.01em;font-size:34px;line-height:1.15}.flowly-site .auth-panel .pc .q em{color:var(--cyan);font-style:italic}.flowly-site .auth-panel .pc .by{font-family:var(--font-mono);color:#eafcffb3;letter-spacing:.04em;margin-top:18px;font-size:12px}@media (max-width:860px){.flowly-site .auth-wrap{grid-template-columns:1fr}.flowly-site .auth-panel{display:none}.flowly-site .auth-form{min-height:100vh;padding:40px 24px}}