:root{--bg-base:#f4f3f9;--bg-surface:#fff;--bg-surface-glass:#ffffffe6;--border-color:#e8e6f1;--text-muted:#9ca3af;--radius-md:.5rem;--radius-lg:2.5rem;--accent-primary:#8b8bff;--glass-card-shadow:0 1px 2px;--glass-card-shadow-hover:0 8px 24px #0f172a14, 0 2px 8px #0f172a0a;--glass-card-login-shadow:0 20px 50px #0f172a12, 0 8px 24px #0f172a0b;--glass-card-login-shadow-hover:0 28px 64px #0f172a17, 0 12px 32px #0f172a0e}:root[data-awflow-theme=dark]{--bg-base:#090a0f;--bg-surface:#14151c;--bg-surface-glass:#090a0feb;--border-color:#ffffff17;--text-muted:#6b7280;--glass-card-shadow:0 1px 2px #0003;--glass-card-shadow-hover:0 8px 24px #00000052, 0 2px 8px #0000002e;--glass-card-login-shadow:0 20px 50px #00000059, 0 8px 24px #00000038;--glass-card-login-shadow-hover:0 28px 64px #0000006b, 0 12px 32px #00000047}.login-visual{--visual-node-bg:#fff;--visual-node-border:#e8e6f159;--visual-node-icon:var(--accent-primary);border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative;color:#fff!important;background:radial-gradient(circle at 30%,#3b82f61a,#0000 50%),radial-gradient(circle at 70% 30%,#8b5cf614,#0000 40%),#0f172a!important}:root[data-awflow-theme=dark] .login-visual{--visual-node-bg:#14151e;--visual-node-border:#8b8bff3d;--visual-node-icon:#a89bff}:root[data-awflow-theme=dark] .login-visual .visual-node{box-shadow:0 16px 42px #0000008c,0 0 0 1px #ffffff12,0 0 28px #7b68ee61,0 0 48px #9b86ff24}@media (width<=899.95px){.login-visual{border-right:none;border-bottom:1px solid var(--border-color);padding:2.5rem 1.25rem}}@media (width<=599.95px){.login-visual{padding:2rem 1rem}}.hero-orbit-stage{z-index:1;box-sizing:border-box;width:min(420px,100%);max-width:100%;margin-left:auto;margin-right:auto;padding-inline:clamp(.75rem,3vw,1.5rem);position:relative;overflow:visible}.visual-art-card{z-index:5;box-sizing:border-box;border-radius:28px;flex-direction:column;width:420px;max-width:100%;height:300px;padding:3rem;animation:8s ease-in-out infinite floatCard;display:flex;position:relative;box-shadow:0 50px 100px -20px #00000080,0 0 50px #3b82f626;-webkit-backdrop-filter:blur(40px)!important;backdrop-filter:blur(40px)!important;background:#ffffff0d!important;border:1.5px solid #ffffff26!important}@media (width<=899.95px){.visual-art-card{width:100%;height:auto;min-height:260px;padding:2rem;animation:none}}@media (width<=599.95px){.visual-art-card{border-radius:22px;min-height:220px;padding:1.5rem}}.status-floating-badge{color:#10b981;letter-spacing:.1em;text-transform:uppercase;z-index:6;white-space:nowrap;background:#10b98126;border:1.5px solid #10b98166;border-radius:100px;padding:.6rem 1.2rem;font-size:.65rem;font-weight:800;animation:4s ease-in-out infinite bounceStatus;position:absolute;top:-20px;right:-20px;box-shadow:0 15px 30px #10b98133}.visual-node{background:var(--visual-node-bg,var(--bg-surface));border:1px solid var(--visual-node-border,var(--border-color));width:64px;height:64px;color:var(--visual-node-icon,var(--accent-primary));z-index:8;border-radius:18px;justify-content:center;align-items:center;transition:box-shadow .3s,filter .3s,color .25s,background-color .25s,border-color .25s;display:flex;position:absolute;box-shadow:0 14px 40px #00000052,0 0 0 1px #ffffff8c,0 0 36px #b4dcff8c,0 0 20px #8b8bff59}.visual-node.v-node-1{animation:5s ease-in-out infinite pulseVNode;top:-26px;left:-58px}.visual-node.v-node-2{animation:5s ease-in-out 1.2s infinite pulseVNode;top:-18px;right:-102px}.visual-node.v-node-3{animation:5s ease-in-out 2.4s infinite pulseVNode;bottom:-78px;left:-54px}.visual-node.v-node-4{animation:5s ease-in-out 4.5s infinite pulseVNode;bottom:-58px;right:8px}@media (width>=1200px){.visual-node.v-node-1{left:-150px}.visual-node.v-node-2{right:-150px}.visual-node.v-node-3{left:-150px}.visual-node.v-node-4{right:-150px}}@media (width<=599.95px){.visual-node{border-radius:16px;width:56px;height:56px}.visual-node.v-node-1{top:-18px;left:-12px}.visual-node.v-node-2{top:-14px;right:-18px}.visual-node.v-node-3{bottom:-52px;left:-10px}.visual-node.v-node-4{bottom:-44px;right:4px}.status-floating-badge{padding:.5rem .9rem;font-size:.6rem;top:-14px;right:-10px}}@keyframes floatCard{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(2deg)}}@keyframes bounceStatus{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}@keyframes pulseVNode{0%,to{filter:brightness();transform:translate(0)scale(1)}50%{filter:brightness(1.08);transform:translate(-5px,-10px)scale(1.1);box-shadow:0 15px 40px #3b82f64d}}@media (prefers-reduced-motion:reduce){.visual-art-card,.status-floating-badge,.visual-node{animation:none!important}}.login-form-container{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);box-sizing:border-box;border-left:none;justify-content:center;align-items:center;width:100%;min-width:0;padding:3rem;display:flex;position:relative;box-shadow:-20px 0 50px #0000001a}:root[data-awflow-theme=dark] .login-form-container{-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:#06070af0;box-shadow:-20px 0 64px #000000a6}@media (width<=899.95px){.glass-card--login{padding:2rem}.login-form-container{border-left:none;border-top:1px solid var(--border-color);padding:2rem 1.25rem;box-shadow:0 -12px 40px #0000000f}:root[data-awflow-theme=dark] .login-form-container{box-shadow:0 -16px 48px #0000006b}}@media (width<=599.95px){.glass-card--login{border-radius:1.5rem;padding:1.5rem}.login-form-container{padding:1.25rem 1rem 1.5rem}}.glass-card{border-radius:var(--radius-md);box-shadow:var(--glass-card-shadow);transition:box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--glass-card-shadow-hover);transform:translateY(-2px)}.glass-card--static:hover{box-shadow:var(--glass-card-shadow);transform:none}.glass-card--login{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--glass-card-login-shadow);padding:3.5rem}.glass-card--login:hover{box-shadow:var(--glass-card-login-shadow-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){.glass-card:hover{transform:none}.animate-fade-in{opacity:1;animation:none;transform:none}}html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}html,body,#root{min-height:100dvh}body{background-color:var(--bg-base,#f4f3f9);margin:0;overflow-x:hidden}#root{min-height:100dvh}@keyframes awflow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.awflow-float-tile{will-change:transform;animation:4.2s ease-in-out infinite awflow-float}@media (prefers-reduced-motion:reduce){.awflow-float-tile{animation:none!important}}