@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-page-bg{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;top:0;width:100%;bottom:0;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;padding:30px 16px;background:radial-gradient(circle at 78% 18%,rgba(242,190,45,.14),transparent 24%),radial-gradient(circle at 92% 78%,rgba(74,127,181,.1),transparent 26%),linear-gradient(135deg,#eef4f8,#f8fbfd 55%,#edf3f7);overflow:hidden}.login-page-bg:before{content:"";position:absolute;top:-10%;left:-12%;z-index:0;width:50%;height:120%;border-radius:0 60% 60% 0;background:linear-gradient(145deg,#6ea2cc,#4a7fb5 42%,#34618e);background-size:300% 300%;animation:Gradient 12s ease infinite;opacity:.88}.login-card-container{position:relative;z-index:1;display:flex;width:1000px;max-width:100%;margin:0 auto;min-height:500px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.72);box-shadow:0 2px 4px #4a7fb50d,0 12px 30px #4a7fb51f,0 26px 54px #1a2b3d17}.login-left-panel{position:relative;width:44%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 42%,rgba(242,190,45,.18) 0%,transparent 34%),radial-gradient(circle at 22% 14%,rgba(255,255,255,.18) 0%,transparent 34%),linear-gradient(160deg,#5b90c4,#3f75a8 52%,#28557f)}.login-left-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 44%),radial-gradient(ellipse at 35% 25%,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}.login-decorative-box{position:absolute;inset:24px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:8px}.login-decorative-box span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box}.login-decorative-box span:nth-child(1){transform:rotate(0)}.login-decorative-box span:nth-child(2){transform:rotate(90deg)}.login-decorative-box span:nth-child(3){transform:rotate(180deg)}.login-decorative-box span:nth-child(4){transform:rotate(270deg)}.login-decorative-box span:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(226,242,255,.68),transparent);animation:animate 5s linear infinite}.login-welcome-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:10px;padding:28px 24px;height:100%}.login-company-logo{display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.login-company-logo-img{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:50%;border:4px solid rgba(255,255,255,.74);background:linear-gradient(145deg,#fffffff0,#fff7ded6);box-shadow:0 12px 28px #0d2c4a3d,0 0 0 7px #ffffff21,0 0 0 14px #f2be2d14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-welcome-title-block{margin:0}.login-welcome-title{font-family:Inter,sans-serif;font-size:28px;font-weight:800;font-style:normal;color:#fff;letter-spacing:-.5px;margin:0;line-height:1.22;text-shadow:0 2px 12px rgba(0,0,0,.15)}.login-welcome-title-accent{background:linear-gradient(135deg,#badaf7,#c9e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-welcome-slogan{font-family:Inter,sans-serif;font-size:12.5px;font-weight:400;color:#ffffffb8;letter-spacing:.3px;margin:0}.login-feature-pills{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:4px;margin-bottom:4px}.login-feature-pill{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);text-align:left;transition:background .2s}.login-feature-pill:hover{background:#ffffff29}.login-feature-pill span:last-child{font-family:Inter,sans-serif;font-size:12px;color:#ffffffd9;font-weight:500;letter-spacing:.1px}.login-feature-dot{width:7px;height:7px;border-radius:50%;background:#badaf7;flex-shrink:0;box-shadow:0 0 6px #badaf7b3}.login-feature-dot--cyan{background:#7ee8d6;box-shadow:0 0 6px #7ee8d6b3}.login-social-icons{display:flex;gap:10px;margin-top:4px}.login-social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.34);color:#f3f9fff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;text-decoration:none}.login-social-icon:hover{background:#ffffff4a;border-color:#ffffff6b;transform:translateY(-2px);box-shadow:0 4px 12px #00000024}.login-social-icon-youtube{color:#ff8c8cf2}.login-social-icon-facebook{color:#e5f1fff5}.login-social-icon-google{color:#ffffffe6}.login-social-icon-linkedin{color:#e5f1fff5}.login-right-panel{width:56%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 60px;background:linear-gradient(180deg,#fff,#f8fbfe);position:relative}.login-right-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3f74b0,#7aadd8 44%,#f2be2d 54%,#3f74b0);opacity:.46}.login-logo-section{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px}.login-logo-img{height:40px;-o-object-fit:contain;object-fit:contain}.login-logo-text{font-size:26px;letter-spacing:3px}.login-logo-text-light{font-weight:400;color:#4a7fb5}.login-logo-text-bold{font-weight:700;color:#1a2b3d}.login-form-area{width:100%;max-width:320px}.login-form-heading{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#12263a;text-align:center;margin:0 0 20px;letter-spacing:-.2px}.login-input-wrapper{position:relative;width:100%;margin-bottom:14px}.login-input-wrapper input{width:100%;height:46px;padding:0 44px 0 14px;border:1.5px solid #C9DAEA;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#12263a;background:#f4f8fc;outline:none;transition:all .2s ease;box-sizing:border-box}.login-input-wrapper input::-moz-placeholder{color:#7893aa;font-size:13.5px}.login-input-wrapper input::placeholder{color:#7893aa;font-size:13.5px}.login-input-wrapper input:hover{border-color:#96b4cf;background:#fff}.login-input-wrapper input:focus{border-color:#3f74b0;background:#fff;box-shadow:0 0 0 3px #3f74b021}.login-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#7893aa;pointer-events:none;display:flex;align-items:center}.login-remember-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 2px;width:100%}.login-remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;color:#516a83;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s ease}.login-remember-label:hover{color:#3f74b0}.login-remember-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid #B8CDE1;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.login-remember-checkbox:hover{border-color:#3f74b0;background:#eef5fd}.login-remember-checkbox:checked{background:#3f74b0;border-color:#3f74b0}.login-remember-checkbox:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-submit-btn{width:100%;height:46px;border:none;border-radius:8px;background:linear-gradient(135deg,#3f74b0,#285a8f);color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;margin-top:4px;box-shadow:0 4px 14px #2f5f964d;position:relative;overflow:hidden}.login-submit-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08),transparent);pointer-events:none}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4d86bd,#32669d);box-shadow:0 6px 20px #2f5f9661;transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 6px #4a7fb538}.login-submit-btn:disabled{background:linear-gradient(135deg,#6f98bd,#5b82a8);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.login-oauth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;width:100%}.login-oauth-divider-line{flex:1;height:1px;background:#e4edf6}.login-oauth-divider-text{font-family:Inter,sans-serif;font-size:11.5px;color:#9fb3c8;white-space:nowrap;font-weight:500;letter-spacing:.3px}.login-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1.5px solid #D8E4EF;border-radius:9px;background:#fff;color:#1a2b3d;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px;letter-spacing:.1px}.login-oauth-btn:hover:not(:disabled){background:#f0f6fc;border-color:#a8c0d6;box-shadow:0 2px 8px #4a7fb514;transform:translateY(-1px)}.login-oauth-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.login-oauth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-footer-text{margin-top:14px;font-family:Inter,sans-serif;font-size:11.5px;color:#687f96;text-align:center;line-height:1.6}.login-footer-text p{margin:0 0 3px}.login-footer-text a{color:#3f74b0;text-decoration:none;font-weight:500}.login-footer-text a:hover{text-decoration:underline;color:#285a8f}.login-success-card{text-align:center;padding:16px 0}.login-success-card h3{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#1a2b3d;margin:0 0 10px;letter-spacing:-.3px}.login-success-card p{font-family:Inter,sans-serif;font-size:14px;color:#3d5269;margin:0 0 4px;line-height:1.6}.login-error-msg{font-family:Inter,sans-serif;font-size:12.5px;color:#c0392b;background:#fef2f0;border:1px solid rgba(192,57,43,.16);border-radius:7px;padding:8px 12px;margin-bottom:10px;line-height:1.5}.login-success-msg{font-family:Inter,sans-serif;font-size:12.5px;color:#1e7e55;background:#edfaf4;border:1px solid rgba(30,126,85,.16);border-radius:7px;padding:8px 12px;margin-bottom:10px;line-height:1.5}@media screen and (max-width:820px){.login-card-container{flex-direction:column;width:100%;max-width:480px;min-height:auto}.login-left-panel{width:100%;padding:36px 24px;min-height:220px}.login-company-logo-img{width:166px;height:166px}.login-right-panel{width:100%;padding:40px 32px 48px}.login-right-panel:before{display:none}.login-form-area{max-width:100%}}@media screen and (max-width:768px){.login-card-container{flex-direction:column;width:92vw;min-height:auto}.login-left-panel{width:100%;padding:36px 24px;min-height:200px}.login-right-panel{width:100%;padding:32px 24px}.login-welcome-title{font-size:26px}}@media screen and (max-width:480px){.login-company-logo-img{width:142px;height:142px}.login-right-panel{padding:28px 20px 36px}.login-page-bg{padding:16px}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes animate{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form-area{animation:fadeInUp .35s ease both}.login-welcome-content{animation:fadeInUp .4s ease .1s both}.magic-link-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .35s ease both}.magic-link-logo{display:flex;justify-content:center}.magic-link-logo-img{height:36px;-o-object-fit:contain;object-fit:contain}.magic-link-card{width:100%;max-width:340px;background:#f7fafd;border:1.5px solid #D8E4EF;border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:0 2px 12px #4a7fb512}.magic-link-icon-wrap{width:58px;height:58px;background:#4a7fb514;border:1.5px solid rgba(74,127,181,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;flex-shrink:0}.magic-link-heading{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#1a2b3d;margin:0;letter-spacing:-.3px;line-height:1.3}.magic-link-desc{font-family:Inter,sans-serif;font-size:13.5px;color:#3d5269;margin:0;line-height:1.65}.magic-link-btn{width:100%;height:46px;border:none;border-radius:10px;background:linear-gradient(135deg,#4a7fb5,#3568a0);color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px #4a7fb547;margin-top:4px;position:relative;overflow:hidden}.magic-link-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);border-radius:inherit;pointer-events:none}.magic-link-btn:hover{background:linear-gradient(135deg,#5b8ec4,#3f74b0);box-shadow:0 5px 18px #4a7fb561;transform:translateY(-1px)}.magic-link-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4a7fb538}.magic-link-note{font-family:Inter,sans-serif;font-size:11.5px;color:#7a93ad;margin:0;line-height:1.5}.login-mode-tabs{display:flex;gap:6px;margin-bottom:16px;background:#eef4fb;border:1px solid #D8E4EF;border-radius:10px;padding:4px;width:100%}.login-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border:none;border-radius:7px;background:transparent;color:#7a93ad;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease}.login-mode-tab.active{background:#fff;color:#4a7fb5;box-shadow:0 1px 4px #4a7fb51f}.login-mode-tab:hover:not(.active){color:#1a2b3d;background:#fff9}.login-input-icon--btn{background:none;border:none;padding:0;cursor:pointer;pointer-events:all;color:#7893aa;display:flex;align-items:center;transition:color .15s}.login-input-icon--btn:hover{color:#3f74b0}.login-mode-hint{font-family:Inter,sans-serif;font-size:12px;color:#9fb3c8;text-align:center;margin:6px 0 0;line-height:1.5}.onboarding-page-bg{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 24px;position:relative;overflow:hidden;background:#f0f4f8}.onboarding-page-bg:before{content:"";position:absolute;top:-10%;left:-8%;z-index:0;width:50%;height:120%;border-radius:0 60% 60% 0;background:linear-gradient(145deg,#5b90c4,#4a7fb5 40%,#34618e);animation:Gradient 12s ease infinite}.onboarding-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%}.onboarding-welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:52px 60px 48px;background:#fafcfe;border-radius:20px;max-width:500px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 4px #4a7fb50f,0 8px 24px #4a7fb51a,0 24px 48px #1a2b3d12}.onboarding-welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4a7fb5,#7aadd8,#4a7fb5);opacity:.6}.onboarding-logo-wrap{display:flex;justify-content:center;margin-bottom:2px}.onboarding-logo{height:38px;-o-object-fit:contain;object-fit:contain}.onboarding-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:#4a7fb512;border:1px solid rgba(74,127,181,.18);border-radius:100px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#4a7fb5;letter-spacing:.3px}.onboarding-badge-dot{width:6px;height:6px;border-radius:50%;background:#4a7fb5;box-shadow:0 0 5px #4a7fb580;flex-shrink:0}.onboarding-heading{font-family:Inter,sans-serif;font-size:34px;font-weight:800;color:#1a2b3d;margin:0;letter-spacing:-.8px;line-height:1.18}.onboarding-heading-accent{background:linear-gradient(135deg,#4a7fb5,#6aa3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-tagline{font-family:Inter,sans-serif;font-size:14.5px;color:#3d5269;margin:0;line-height:1.7;max-width:360px}.onboarding-features{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0}.onboarding-feature-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eef4fb;border:1px solid #D8E4EF;border-radius:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#1a2b3d}.onboarding-feature-chip svg{flex-shrink:0}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 36px;border:none;border-radius:10px;background:linear-gradient(135deg,#4a7fb5,#3568a0);color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px #4a7fb547;margin-top:4px;position:relative;overflow:hidden}.onboarding-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);border-radius:inherit;pointer-events:none}.onboarding-btn:hover{background:linear-gradient(135deg,#5b8ec4,#3f74b0);box-shadow:0 5px 18px #4a7fb566;transform:translateY(-1px)}.onboarding-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4a7fb538}.onboarding-step-hint{font-family:Inter,sans-serif;font-size:12px;color:#7a93ad;margin:0;letter-spacing:.2px}