.login-page{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;height:100vh;width:100vw;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#f8f9fa;position:relative}.login-page__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.85;pointer-events:none}.login-page__left{position:relative;background:transparent;padding:48px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.login-page__logo{position:absolute;top:48px;left:48px;z-index:10}.login-page__logo-img{height:40px;width:auto}.login-page__headline{position:absolute;bottom:48px;left:48px;right:48px;font-family:SF Pro,-apple-system,sans-serif;font-size:80px;font-weight:500;color:#0861ed;line-height:95px;letter-spacing:-2px;max-width:90%;font-variation-settings:"wdth" 100;min-height:190px}.shiny-text{background:linear-gradient(90deg,#0861ed,#3b82f6 12%,#60a5fa 24%,#38bdf8 36%,#06b6d4 48%,#38bdf8 60%,#60a5fa 72%,#3b82f6 84%,#0861ed);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s linear infinite;display:inline-block}@keyframes gradient-flow{0%{background-position:0}to{background-position:300%}}.decorative-shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.3}.decorative-shape--1{width:600px;height:600px;background:hsla(0,0%,100%,.05);top:-150px;left:-150px}.decorative-shape--2{width:500px;height:500px;background:hsla(0,0%,100%,.03);bottom:-100px;right:40%}.login-page__right{background:transparent;display:flex;align-items:stretch;justify-content:flex-end;padding:48px;position:relative;height:100%;z-index:1;box-sizing:border-box}.login-card{width:100%;max-width:600px;background:hsla(0,0%,100%,.18);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-radius:24px;padding:24px 40px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.35);margin:0;position:relative;z-index:20;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;max-height:calc(100vh - 96px)}.login-card__header{margin-bottom:16px}.login-card__title{font-family:SF Pro Display,sans-serif;font-size:36px;font-weight:600;color:#0861ed;letter-spacing:-.5px;margin-bottom:8px}.login-card__subtitle{font-family:SF Pro Text,sans-serif;font-size:16px;color:#6b7280}.login-card__error{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;color:#b91c1c;font-size:14px;overflow:hidden}.login-card__form{display:flex;flex-direction:column;gap:16px}.login-card__input-group{display:flex;flex-direction:column;gap:8px}.login-card__label{font-family:SF Pro Text,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.login-card__input-wrapper{position:relative;display:flex;align-items:center}.login-card__input{width:100%;height:48px;background:hsla(0,0%,100%,.45);border:1.5px solid hsla(0,0%,100%,.5);border-radius:12px;padding:0 16px;font-family:SF Pro Text,sans-serif;font-size:15px;color:#1a1a1a;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}select.login-card__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.login-card__input-icon{position:absolute;left:16px;color:#8e8e93;pointer-events:none;z-index:10}.login-card__input:not([type=checkbox]){padding-left:16px}.login-card__input-wrapper:has(.login-card__input-icon) .login-card__input{padding-left:48px}.login-card__input::-moz-placeholder{color:#a1a1a6}.login-card__input::placeholder{color:#a1a1a6}.login-card__input:focus{outline:none;background:hsla(0,0%,100%,.6);border-color:#0861ed;box-shadow:0 0 0 4px rgba(8,97,237,.12);transform:translateY(-1px)}.login-card__chevron{position:absolute;right:16px;color:#8e8e93;pointer-events:none}.login-card__password-toggle{position:absolute;right:16px;background:none;border:none;padding:0;cursor:pointer;color:#8e8e93;display:flex;align-items:center}.login-card__password-toggle:hover{color:#1a1a1a}.login-card__options{display:flex;align-items:center;justify-content:space-between;margin-top:4px;margin-bottom:4px}.login-card__remember{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a1a1a;cursor:pointer}.login-card__remember input[type=checkbox]{width:18px;height:18px;border:1.5px solid #d1d1d6;border-radius:5px;accent-color:#0861ed;cursor:pointer}.login-card__forgot{font-size:14px;font-weight:500;color:#0861ed;text-decoration:none}.login-card__forgot:hover{text-decoration:underline}.login-card__actions{display:flex;flex-direction:column;gap:16px;margin-top:8px}.login-card__submit-btn{width:100%;height:52px;background:#0861ed;color:#fff;border:none;border-radius:12px;font-family:SF Pro Text,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-card__submit-btn:hover{background:#0055d4;box-shadow:0 4px 12px rgba(8,97,237,.3)}.login-card__submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-card__google-btn{width:100%;height:52px;background:#fff;border:1.5px solid #e5e5ea;border-radius:12px;color:#1a1a1a;font-family:SF Pro Text,sans-serif;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.login-card__google-btn:hover{background:#f8f9fa;border-color:#d1d1d6}.google-icon{width:20px;height:20px}.login-card__footer{margin-top:24px;text-align:center;font-size:14px;color:#6b7280}.login-card__footer a{color:#1a1a1a;font-weight:600;text-decoration:underline}.login-card__footer a:hover{color:#4169ff}.login-card__demo{margin-top:20px;padding-top:16px;border-top:1px solid #e5e5ea}.login-card__demo-title{font-size:13px;color:#8e8e93;text-align:center;margin-bottom:12px}.login-card__demo-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.login-card__demo-btn{padding:6px 12px;background:#f5f5f7;border:none;border-radius:20px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.login-card__demo-btn:hover{background:#4169ff;color:#fff}@media (max-width:1024px){.login-page{grid-template-columns:1fr}.login-page__left{min-height:40vh;padding:32px 24px;align-items:center;text-align:center}.login-page__logo{position:static;margin-bottom:24px}.login-page__headline{position:static;font-size:42px;max-width:100%;margin-top:40px}.login-page__right{padding:40px 24px}.login-card{max-width:100%;box-shadow:none}}