@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;700;900&display=swap";:root{--viscue-brand-purple: #2D1B69;--viscue-brand-lime: #C6FF00;--font-body: "Inter", sans-serif;--font-heading: "Space Grotesk", sans-serif}body{margin:0;padding:0;font-family:var(--font-heading);overflow-y:auto;overflow-x:hidden;background-color:#f7f8fa}.viscue-login-container{width:100vw;min-height:100vh;display:flex;flex-direction:column;position:relative;background:url(/assets/loginbg.png) center/cover no-repeat;background-attachment:fixed;opacity:0;transition:opacity 1s ease-in-out}.viscue-login-container.mounted{opacity:1}.viscue-login-floating-logo{position:absolute;top:32px;left:48px;display:flex;align-items:center;gap:12px;z-index:100;opacity:0;transform:translateY(-20px);animation:process-fade-down .8s cubic-bezier(.2,.8,.2,1) forwards .2s}@keyframes process-fade-down{to{opacity:1;transform:translateY(0)}}.login-logo-img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(45,27,105,.15))}.login-logo-text{font-family:var(--font-heading);font-weight:900;font-size:28px;letter-spacing:-1px;color:var(--viscue-brand-purple)}.viscue-split-content{flex:1;display:flex;width:100%;max-width:1200px;margin:0 auto;padding:60px 40px 40px;box-sizing:border-box;align-items:center;justify-content:space-between;gap:40px}.viscue-split-left{flex:1.2;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:40px}.viscue-hero-text{font-family:var(--font-heading);font-size:clamp(36px,4vw,56px);font-weight:900;color:var(--viscue-brand-purple);line-height:1.1;text-align:center;margin:0 0 24px;letter-spacing:-2px;opacity:0;transform:translate(-40px);animation:process-slide-left 1s cubic-bezier(.2,.8,.2,1) forwards .4s;z-index:2}@keyframes process-slide-left{to{opacity:1;transform:translate(0)}}.viscue-neon-text{color:var(--viscue-brand-lime);text-shadow:0 4px 16px rgba(198,255,0,.3);background:var(--viscue-brand-purple);padding:0 16px;border-radius:12px;display:inline-block;margin-top:8px;opacity:0;transform:scale(.9);animation:process-pop .8s cubic-bezier(.34,1.56,.64,1) forwards .8s}@keyframes process-pop{to{opacity:1;transform:scale(1)}}.viscue-mac-container{width:100%;max-width:540px;animation:mac-float 6s ease-in-out infinite;opacity:0;transform:translateY(40px) scale(.95);animation:mac-entrance 1.2s cubic-bezier(.2,.8,.2,1) forwards .5s,mac-float 6s ease-in-out infinite 1.7s;position:relative;z-index:1}@keyframes mac-entrance{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mac-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.viscue-mac-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(45,27,105,.15))}.viscue-split-right{flex:.8;display:flex;justify-content:center;align-items:center}.auth-card{width:100%;max-width:440px;background:#ffffffe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,1);border-radius:24px;padding:32px 40px;box-shadow:0 24px 64px #2d1b6914,inset 0 2px #fff;display:flex;flex-direction:column;opacity:0;transform:translate(40px);animation:process-slide-right 1s cubic-bezier(.2,.8,.2,1) forwards .6s}@keyframes process-slide-right{to{opacity:1;transform:translate(0)}}.viscue-success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;animation:auth-card-entrance 1s cubic-bezier(.2,.8,.2,1) forwards}.viscue-success-message h1{font-family:var(--font-heading);font-size:80px;font-weight:900;color:var(--viscue-brand-purple);margin:0 0 16px;text-shadow:0 4px 16px rgba(255,255,255,.5)}.viscue-success-message p{font-family:var(--font-heading);font-size:24px;color:#2d1b69b3}@keyframes auth-card-entrance{to{opacity:1;transform:translate(0)}}.auth-card>*{opacity:0;transform:translateY(20px);animation:auth-item-fade .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes auth-item-fade{to{opacity:1;transform:translateY(0)}}.auth-card h1{font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--viscue-brand-purple);margin:0 0 12px;letter-spacing:-1px;animation-delay:1s}.auth-card p{color:#2d1b6999;font-size:15px;line-height:1.5;margin:0 0 24px;animation-delay:1.1s}.auth-google-btn{width:100%;background:var(--viscue-brand-purple);color:var(--viscue-brand-lime);border:1px solid rgba(198,255,0,.4);border-radius:16px;padding:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 12px 32px #2d1b6933;animation-delay:1.2s}.auth-google-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px #2d1b694d;border-color:var(--viscue-brand-lime)}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error-msg{background:#dc26261a;color:#dc2626;padding:12px;border-radius:12px;font-size:14px;text-align:center;margin-bottom:16px;border:1px solid rgba(220,38,38,.2);animation-delay:1.4s}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#2d1b694d;font-size:12px;font-weight:700;animation-delay:1.3s}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(45,27,105,.1)}.auth-divider span{padding:0 16px}.auth-form{display:flex;flex-direction:column;gap:12px;animation-delay:1.4s}.auth-form input{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(45,27,105,.15);background:#ffffff80;font-family:var(--font-body);font-size:15px;color:var(--viscue-brand-purple);box-sizing:border-box;outline:none;transition:all .2s}.auth-form input:focus:not(:disabled){background:#fff;border-color:var(--viscue-brand-purple);box-shadow:0 0 0 4px #2d1b691a}.auth-form input:disabled{opacity:.6;background:#2d1b690d;cursor:not-allowed}.auth-submit-btn{width:100%;padding:16px;border-radius:12px;background:transparent;border:1px solid rgba(45,27,105,.2);color:var(--viscue-brand-purple);font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:#2d1b690d;border-color:var(--viscue-brand-purple)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer-text{margin-top:24px;text-align:center;font-size:14px;color:#2d1b6999;animation-delay:1.5s}.auth-footer-text a{color:var(--viscue-brand-purple);font-weight:700;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.viscue-page-footer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;font-size:14px;color:#2d1b6980;opacity:0;transform:translate(-50%) translateY(20px);animation:process-fade-up .8s cubic-bezier(.2,.8,.2,1) forwards 1.8s}@keyframes process-fade-up{to{opacity:1;transform:translate(-50%) translateY(0)}}.viscue-page-footer a{color:#2d1b69b3;text-decoration:none;font-weight:500;transition:color .2s}.viscue-page-footer a:hover{color:var(--viscue-brand-purple)}.footer-dot{font-size:10px;opacity:.5}@media (max-width: 900px){.viscue-split-content{flex-direction:column;padding:100px 20px 80px;gap:32px;height:auto;justify-content:flex-start}.viscue-login-floating-logo{top:24px;left:24px}.viscue-hero-text{font-size:clamp(32px,8vw,48px);margin-bottom:16px}.viscue-split-left{flex:none;padding:20px 0}.viscue-split-right{flex:none;width:100%}.auth-card{padding:32px 24px;max-width:100%}.viscue-page-footer{flex-wrap:wrap;justify-content:center;bottom:16px;width:100%;padding:0 16px;box-sizing:border-box}}