.graffiti-logo-wrapper[data-v-9c3f0064]{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px;padding:14px 28px;min-height:85px;min-width:200px;border-radius:14px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.graffiti-logo-wrapper[data-v-9c3f0064]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid rgba(6,182,212,.55);border-bottom:2px solid rgba(37,99,235,.55);border-left:2px dashed rgba(6,182,212,.25);border-right:2px dashed rgba(37,99,235,.25);border-radius:12px;transform:rotate(-1.5deg);pointer-events:none;animation:neonBorderGlow-9c3f0064 5s infinite alternate ease-in-out}.graffiti-spray-bg[data-v-9c3f0064]{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%,-50%) rotate(3deg);background:radial-gradient(circle,#06b6d440,#2563eb1a 40%,#8b5cf608 65%,#0000 80%);filter:blur(8px);z-index:1;pointer-events:none}.logo-effects-canvas[data-v-9c3f0064]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.logo-content[data-v-9c3f0064]{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.logo-side-by-side[data-v-9c3f0064]{display:flex;align-items:center;gap:12px}.logo-image[data-v-9c3f0064]{max-height:52px;max-width:180px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 6px rgba(6,182,212,.6)) drop-shadow(0 0 16px rgba(37,99,235,.4));transition:all .35s cubic-bezier(.34,1.56,.64,1)}.logo-image[data-v-9c3f0064]:hover{transform:scale(1.06) rotate(1.5deg);filter:drop-shadow(0 0 10px rgba(6,182,212,.8)) drop-shadow(0 0 25px rgba(37,99,235,.6))}.logo-text[data-v-9c3f0064]{font-size:1.75rem;font-weight:900;font-family:var(--font-outfit),sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,#06b6d4 10%,#2563eb,#8b5cf6 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(6,182,212,.45));transition:all .3s ease}.logo-text[data-v-9c3f0064]:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(6,182,212,.65))}.graffiti-drips-overlay[data-v-9c3f0064]{position:absolute;bottom:-1px;left:10%;right:10%;height:18px;z-index:4;pointer-events:none;overflow:hidden}.drip-svg[data-v-9c3f0064]{width:100%;height:100%;color:#06b6d4b3;filter:drop-shadow(0 2px 4px rgba(6,182,212,.4))}.drip-path[data-v-9c3f0064]{animation:dripStretch-9c3f0064 6s infinite alternate ease-in-out;transform-origin:top center}@keyframes neonBorderGlow-9c3f0064{0%{border-color:rgba(6,182,212,.45) rgba(37,99,235,.45);box-shadow:0 0 10px #06b6d41a,0 0 20px #2563eb0d;transform:rotate(-1.5deg) scale(.98)}to{border-color:rgba(37,99,235,.8) rgba(6,182,212,.8);box-shadow:0 0 15px #2563eb40,0 0 30px #06b6d426;transform:rotate(-.5deg) scale(1.01)}}@keyframes dripStretch-9c3f0064{0%{transform:scaleY(.9) skew(-1deg);color:#06b6d4b3}to{transform:scaleY(1.15) skew(1deg);color:#2563ebd9}}.auth-wrapper[data-v-ec84ad6e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);padding:20px;font-family:var(--font-inter);position:relative;overflow:hidden;perspective:1500px}.rain-canvas[data-v-ec84ad6e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.18}.blob[data-v-ec84ad6e]{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.45;animation:float-ec84ad6e 20s infinite alternate ease-in-out}.blob-1[data-v-ec84ad6e]{width:450px;height:450px;background:#2563eb59;top:-10%;left:-10%}.blob-2[data-v-ec84ad6e]{width:500px;height:500px;background:#8b5cf640;bottom:-15%;right:-10%;animation-delay:-5s}.blob-3[data-v-ec84ad6e]{width:350px;height:350px;background:#06b6d433;top:40%;left:45%;animation-delay:-10s}@keyframes float-ec84ad6e{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(60px,90px) scale(1.1) rotate(180deg)}to{transform:translate(-40px,-60px) scale(.9) rotate(360deg)}}.auth-container[data-v-ec84ad6e]{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 20px 40px -15px #00000014,0 1px 3px #ffffff4d inset,0 0 40px #2563eb0d;position:relative;overflow:hidden;width:860px;max-width:100%;min-height:590px;z-index:5;transform-style:preserve-3d;transition:box-shadow .3s ease}html.dark .auth-container[data-v-ec84ad6e]{background:#151d30bf;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 60px -20px #0006,0 1px 2px #ffffff0d inset,0 0 50px #3b82f61a}.auth-container.right-panel-active[data-v-ec84ad6e]{animation:flip-squeeze-right-ec84ad6e .85s cubic-bezier(.34,1.56,.64,1) forwards}.auth-container[data-v-ec84ad6e]:not(.right-panel-active){animation:flip-squeeze-left-ec84ad6e .85s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes flip-squeeze-right-ec84ad6e{0%{transform:scale(1) rotateY(0) rotateX(0)}40%{transform:scale(.92) rotateY(-12deg) rotateX(1deg) skewY(-.5deg)}70%{transform:scale(.98) rotateY(3deg)}to{transform:scale(1) rotateY(0) rotateX(0)}}@keyframes flip-squeeze-left-ec84ad6e{0%{transform:scale(1) rotateY(0) rotateX(0)}40%{transform:scale(.92) rotateY(12deg) rotateX(-1deg) skewY(.5deg)}70%{transform:scale(.98) rotateY(-3deg)}to{transform:scale(1) rotateY(0) rotateX(0)}}.form-container[data-v-ec84ad6e]{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container[data-v-ec84ad6e]{left:0;width:50%;z-index:2;padding:44px;display:flex;flex-direction:column;justify-content:center}.sign-up-container[data-v-ec84ad6e]{left:0;width:50%;opacity:0;z-index:1;padding:44px;display:flex;flex-direction:column;justify-content:center}.auth-container.right-panel-active .sign-in-container[data-v-ec84ad6e]{transform:translate(100%);opacity:0;z-index:1}.auth-container.right-panel-active .sign-up-container[data-v-ec84ad6e]{transform:translate(100%);opacity:1;z-index:5;animation:show-ec84ad6e .6s}@keyframes show-ec84ad6e{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.form-container form[data-v-ec84ad6e]>*{transform:translateY(20px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(1){transform:translateY(0);opacity:1;transition-delay:.15s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(2){transform:translateY(0);opacity:1;transition-delay:.22s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(3){transform:translateY(0);opacity:1;transition-delay:.29s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(4){transform:translateY(0);opacity:1;transition-delay:.36s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(5){transform:translateY(0);opacity:1;transition-delay:.43s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(6){transform:translateY(0);opacity:1;transition-delay:.5s}.auth-container:not(.right-panel-active) .sign-in-container form[data-v-ec84ad6e]>*:nth-child(7){transform:translateY(0);opacity:1;transition-delay:.57s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(1){transform:translateY(0);opacity:1;transition-delay:.15s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(2){transform:translateY(0);opacity:1;transition-delay:.22s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(3){transform:translateY(0);opacity:1;transition-delay:.29s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(4){transform:translateY(0);opacity:1;transition-delay:.36s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(5){transform:translateY(0);opacity:1;transition-delay:.43s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(6){transform:translateY(0);opacity:1;transition-delay:.5s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(7){transform:translateY(0);opacity:1;transition-delay:.57s}.auth-container.right-panel-active .sign-up-container form[data-v-ec84ad6e]>*:nth-child(8){transform:translateY(0);opacity:1;transition-delay:.64s}.form-header[data-v-ec84ad6e]{text-align:center;margin-bottom:24px}.graffiti-logo-container[data-v-ec84ad6e]{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin:0 auto 10px;padding:10px 22px}.graffiti-logo-container[data-v-ec84ad6e]:after{content:"";position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%,-50%) rotate(-4deg);background:radial-gradient(circle,#06b6d438,#2563eb14 45%,#0000 70%);filter:blur(5px);z-index:-1;pointer-events:none}.graffiti-logo-container[data-v-ec84ad6e]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:2px solid rgba(6,182,212,.45);border-bottom:2px solid rgba(37,99,235,.45);border-left:2px dashed rgba(6,182,212,.2);border-right:2px dashed rgba(37,99,235,.2);border-radius:8px;transform:rotate(2deg);pointer-events:none;animation:pulseGlow-ec84ad6e 4s infinite alternate ease-in-out}@keyframes pulseGlow-ec84ad6e{0%{border-color:rgba(6,182,212,.4) rgba(37,99,235,.4);box-shadow:0 0 10px #06b6d414,0 0 20px #2563eb0a;transform:rotate(2deg) scale(.99)}to{border-color:rgba(37,99,235,.7) rgba(6,182,212,.7);box-shadow:0 0 15px #2563eb33,0 0 30px #06b6d426;transform:rotate(1deg) scale(1.02)}}.logo-image[data-v-ec84ad6e]{max-height:48px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px rgba(6,182,212,.55)) drop-shadow(0 0 22px rgba(37,99,235,.38));transition:all .3s ease;z-index:2}.logo-image[data-v-ec84ad6e]:hover{transform:scale(1.05) rotate(-1deg);filter:drop-shadow(0 0 12px rgba(6,182,212,.78)) drop-shadow(0 0 32px rgba(37,99,235,.58))}.logo-text[data-v-ec84ad6e]{font-size:1.65rem;color:var(--accent-color);font-weight:800;letter-spacing:-.03em;filter:drop-shadow(0 0 8px rgba(6,182,212,.45))}.auth-title[data-v-ec84ad6e]{font-size:1.25rem;font-weight:700;margin-top:4px;color:var(--text-primary)}.auth-subtitle[data-v-ec84ad6e]{color:var(--text-secondary);font-size:.8rem;margin-top:2px}.form-group[data-v-ec84ad6e]{margin-bottom:14px;display:flex;flex-direction:column}.form-label[data-v-ec84ad6e]{font-size:.775rem;margin-bottom:5px;font-weight:500;color:var(--text-secondary)}.form-input[data-v-ec84ad6e]{padding:8px 14px;font-size:.875rem;border-radius:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease}.form-input[data-v-ec84ad6e]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1f}.form-error[data-v-ec84ad6e]{color:#ef4444;font-size:.75rem;margin-top:4px}.form-utilities[data-v-ec84ad6e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.remember-box[data-v-ec84ad6e]{display:flex;align-items:center;gap:6px}.remember-checkbox[data-v-ec84ad6e]{width:14px;height:14px;accent-color:var(--accent-color);cursor:pointer}.remember-label[data-v-ec84ad6e]{font-size:.775rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cyber-link[data-v-ec84ad6e]{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.cyber-link[data-v-ec84ad6e]:hover{color:var(--accent-hover);text-decoration:underline}.auth-submit-btn[data-v-ec84ad6e]{width:100%;padding:11px;font-size:.875rem;font-weight:600;border-radius:8px;background-color:var(--accent-color);box-shadow:0 4px 12px #2563eb33}.auth-submit-btn[data-v-ec84ad6e]:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px #2563eb4d}.status-banner[data-v-ec84ad6e]{margin-bottom:16px;padding:10px;border-radius:8px;background-color:var(--status-complete-bg);color:var(--status-complete-text);font-size:.8rem;text-align:center;border:1px solid rgba(16,185,129,.2)}.demo-box[data-v-ec84ad6e]{margin-top:20px;padding:10px 14px;border-radius:8px;background-color:rgba(var(--text-muted),.08);border:1px solid var(--border-color);font-size:.725rem;color:var(--text-secondary)}html.dark .demo-box[data-v-ec84ad6e]{background-color:#ffffff05}.demo-header[data-v-ec84ad6e]{font-weight:700;margin-bottom:4px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.demo-list[data-v-ec84ad6e]{display:flex;flex-direction:column;gap:2px}.overlay-container[data-v-ec84ad6e]{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100;border-left:1px solid rgba(255,255,255,.1)}.auth-container.right-panel-active .overlay-container[data-v-ec84ad6e]{transform:translate(-100%);border-left:none;border-right:1px solid rgba(255,255,255,.1)}.overlay[data-v-ec84ad6e]{background:linear-gradient(135deg,var(--accent-color) 0%,#1e3a8a 50%,#4f46e5 100%);background-size:200% 200%;animation:gradientShift-ec84ad6e 10s infinite alternate ease-in-out;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}@keyframes gradientShift-ec84ad6e{0%{background-position:0% 50%}to{background-position:100% 50%}}.auth-container.right-panel-active .overlay[data-v-ec84ad6e]{transform:translate(50%)}.overlay-panel[data-v-ec84ad6e]{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 44px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-left[data-v-ec84ad6e]{transform:translate(-20%)}.auth-container.right-panel-active .overlay-left[data-v-ec84ad6e]{transform:translate(0)}.overlay-right[data-v-ec84ad6e]{right:0;transform:translate(0)}.auth-container.right-panel-active .overlay-right[data-v-ec84ad6e]{transform:translate(20%)}.overlay-title[data-v-ec84ad6e]{font-size:2rem;font-weight:800;font-family:var(--font-outfit);margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.15)}.overlay-desc[data-v-ec84ad6e]{font-size:.9rem;opacity:.88;line-height:1.6;margin-bottom:24px}.overlay-btn[data-v-ec84ad6e]{background-color:transparent;border:2px solid #ffffff;color:#fff;font-size:.85rem;font-weight:600;padding:10px 24px;border-radius:8px;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px #0000001a}.overlay-btn[data-v-ec84ad6e]:hover{background-color:#fff;color:var(--accent-color);box-shadow:0 6px 16px #0003;transform:translateY(-1px)}.mobile-only-link[data-v-ec84ad6e]{display:none}@media (max-width: 768px){.mobile-only-link[data-v-ec84ad6e]{display:block;text-align:center;margin-top:16px;font-size:.8rem;color:var(--text-secondary)}.auth-container[data-v-ec84ad6e]{width:100%;min-height:auto;display:flex;flex-direction:column;border-radius:16px;animation:none!important}.form-container[data-v-ec84ad6e]{position:relative;width:100%!important;transform:none!important;opacity:1!important;z-index:5!important;display:none;padding:32px 20px}.auth-container:not(.right-panel-active) .sign-in-container[data-v-ec84ad6e]{display:flex}.auth-container.right-panel-active .sign-up-container[data-v-ec84ad6e]{display:flex;animation:none}.overlay-container[data-v-ec84ad6e]{display:none}.form-container form[data-v-ec84ad6e]>*{transform:none!important;opacity:1!important;transition:none!important}}