.planit-login-bg{background:linear-gradient(-45deg, var(--bg-orange), var(--bg-pink), var(--bg-blue), var(--bg-mint));box-sizing:border-box;background-size:400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:12px;animation:15s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.floating-shapes{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-circle{background:radial-gradient(circle, var(--white1-transp) 0%, transparent 70%);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.floating-circle-1{width:80px;height:80px;animation-duration:8s;animation-delay:0s;top:10%;left:15%}.floating-circle-2{width:60px;height:60px;animation-duration:10s;animation-delay:-2s;top:70%;right:10%}.floating-circle-3{width:100px;height:100px;animation-duration:12s;animation-delay:-4s;bottom:15%;left:60%}@media (max-width:768px){.planit-login-bg{padding:10px}.planit-login-card{min-width:280px;max-width:100%;padding:20px 16px}.planit-login-heading-title{font-size:var(--font-size-large)}.planit-login-heading-description{font-size:var(--font-size-small)}.floating-circle{display:none}.planit-login-bg{animation-duration:20s}}@media (max-width:480px){.planit-login-bg{padding:8px}.planit-login-card{min-width:260px;padding:18px 14px}.planit-login-heading-title{font-size:var(--font-size-base)}.planit-login-form-control{font-size:var(--font-size-small);padding:8px 10px}.planit-login-form-submit{font-size:var(--font-size-small);padding:10px}.planit-login-register,.planit-login-guest,.planit-login-forgot{font-size:var(--font-size-small);padding:8px 12px}}@media (prefers-contrast:high){.planit-login-card{border:3px solid var(--text-color);box-shadow:none}.planit-login-form-control{border-width:3px}.planit-login-form-submit{background:var(--text-color);color:var(--bg-1);border:2px solid var(--text-color)}}@media (prefers-reduced-motion:reduce){.planit-login-bg{background:var(--bg-page);animation:none}.floating-circle{animation:none;display:none}.planit-login-form-control.error{animation:none}.planit-login-form-submit:before,.planit-login-form-submit:hover:not(:disabled):before{display:none}}.planit-login-form-submit.loading{color:#0000;position:relative}.planit-login-form-submit.loading:after{content:"";border:2px solid #0000;border-top:2px solid var(--text-color-inv);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes float{0%,to{opacity:.3;transform:translateY(0)rotate(0)}33%{opacity:.6;transform:translateY(-20px)rotate(120deg)}66%{opacity:.4;transform:translateY(-10px)rotate(240deg)}}.planit-login-card{background:var(--bg-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:calc(var(--border-radius) * 2);box-shadow:0 20px 60px #00000026, 0 0 0 1px var(--border-nav);z-index:2;border:1px solid var(--border-nav);flex-direction:column;align-items:center;width:100%;min-width:320px;max-width:400px;margin:0 auto;padding:24px 22px;display:flex;position:relative}.planit-login-card:before{content:"";background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint), var(--fg-pink));border-radius:calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.planit-login-heading{text-align:center;color:var(--text-color);width:100%;margin-bottom:16px}.planit-login-heading-title{font-size:var(--font-size-large);font-weight:700;line-height:var(--line-height-tight);color:var(--text-color);letter-spacing:-.02em;margin-bottom:6px}.planit-login-heading-description{font-size:var(--font-size-small);color:var(--text-color-accent);line-height:var(--line-height-base);margin-bottom:0}.planit-login-form{width:100%;margin-top:10px}.planit-login-form-group{width:100%;margin-bottom:12px;position:relative}.planit-login-form-label{font-size:var(--font-size-small);color:var(--text-color);font-weight:600;line-height:var(--line-height-base);margin-bottom:4px;display:block}.planit-login-form-control{font-size:var(--font-size-small);background:var(--bg-1);color:var(--text-color);border:2px solid var(--border-nav);border-radius:var(--border-radius);box-sizing:border-box;width:100%;line-height:var(--line-height-base);outline:none;padding:8px 10px;font-family:inherit;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.planit-login-form-control::placeholder{color:var(--text-color-accent);opacity:.7}.planit-login-form-control:focus{border-color:var(--fg-blue);outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.planit-login-form-control.error{border-color:var(--red0);background:#dc00000d;animation:.4s ease-in-out shake}.planit-login-form-control.error:focus{border-color:var(--red0);outline-color:var(--red0)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.planit-login-form-error-message{color:var(--red0);font-size:var(--font-size-xs);line-height:var(--line-height-base);margin-top:4px;font-weight:500;display:block}.planit-login-form-success-message{color:var(--green2);font-size:var(--font-size-xs);line-height:var(--line-height-base);margin-top:4px;font-weight:500;display:block}.planit-login-password-wrapper{width:100%;position:relative}.planit-login-showhide{background:var(--bg-accent);border:1px solid var(--border-nav);border-radius:calc(var(--border-radius) * .5);font-size:var(--font-size-xs);cursor:pointer;color:var(--text-color);justify-content:center;align-items:center;width:26px;height:26px;padding:2px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.planit-login-showhide:hover{background:var(--fg-blue);color:var(--text-color-inv);border-color:var(--fg-blue);transform:translateY(-50%)scale(1.05)}.planit-login-showhide:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.planit-login-form-submit{width:100%;font-size:var(--font-size-small);background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv);border-radius:var(--border-radius);cursor:pointer;font-weight:600;line-height:var(--line-height-base);border:none;margin-top:8px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.planit-login-form-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.planit-login-form-submit:hover:not(:disabled):before{left:100%}.planit-login-form-submit:hover:not(:disabled){background:linear-gradient(135deg, var(--fg-mint), var(--fg-blue));transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.planit-login-form-submit:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.planit-login-form-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0003}.planit-login-form-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-accent);box-shadow:none;transform:none}.planit-login-form-submit:disabled:before{display:none}.planit-login-actions{flex-direction:column;gap:8px;width:100%;margin-top:14px;display:flex}.planit-login-divider{text-align:center;color:var(--text-color-accent);font-size:var(--font-size-xs);margin:14px 0;position:relative}.planit-login-divider:before{content:"";background:var(--border-nav);z-index:1;height:1px;position:absolute;top:50%;left:0;right:0}.planit-login-divider span{background:var(--bg-1);z-index:2;padding:0 10px;position:relative}.planit-login-register,.planit-login-guest,.planit-login-forgot{width:100%;font-size:var(--font-size-small);color:var(--text-color);border:2px solid var(--border-nav);border-radius:var(--border-radius);cursor:pointer;text-align:center;font-weight:500;line-height:var(--line-height-base);background:0 0;padding:8px 14px;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative;overflow:hidden}.planit-login-register:hover:not(:disabled),.planit-login-guest:hover:not(:disabled),.planit-login-forgot:hover:not(:disabled){background:var(--bg-accent);color:var(--text-color-inv);border-color:var(--fg-blue);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.planit-login-register:focus,.planit-login-guest:focus,.planit-login-forgot:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.planit-login-guest:disabled{opacity:.6;cursor:not-allowed;color:var(--text-color-accent);border-color:var(--border-nav);box-shadow:none;background:0 0;transform:none}.planit-login-register{background:linear-gradient(135deg, var(--fg-orange), var(--fg-pink));color:var(--text-color-inv);border-color:#0000;font-weight:600}.planit-login-register:hover:not(:disabled){background:linear-gradient(135deg, var(--fg-pink), var(--fg-orange));color:var(--text-color-inv)}