:root{--auth-c1:#0a0a14;--auth-c2:#111127;--auth-c3:#1a1a3a;--auth-accent:#6c63ff;--auth-accent2:#ff6584;--auth-accent3:#43e8d8;--auth-text:#f0f0ff;--auth-muted:#88b;--auth-card:#ffffff0a;--auth-border:#ffffff14;--auth-input-bg:#ffffff0f;--auth-glow:#6c63ff4d}.auth-page{background:var(--auth-c1);min-height:100vh;color:var(--auth-text);font-family:DM Sans,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.orb{filter:blur(80px);pointer-events:none;z-index:0;opacity:.35;border-radius:50%;animation:linear infinite orbFloat;position:fixed}.orb1{background:var(--auth-accent);width:520px;height:520px;animation-duration:18s;top:-160px;left:-100px}.orb2{background:var(--auth-accent2);width:380px;height:380px;animation-duration:22s;animation-direction:reverse;bottom:-100px;right:-80px}.orb3{background:var(--auth-accent3);opacity:.2;width:260px;height:260px;animation-duration:14s;top:40%;left:60%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.97)}to{transform:translate(0)scale(1)}}.grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(#6c63ff0a 1px,#0000 1px),linear-gradient(90deg,#6c63ff0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.auth-container{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{background:var(--auth-card);border:1px solid var(--auth-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;border-radius:24px;width:100%;max-width:440px;padding:48px 44px;animation:.8s cubic-bezier(.16,1,.3,1) forwards cardIn;position:relative;overflow:hidden;transform:translateY(40px)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6c63ff80,#0000 50%,#ff65844d);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff0a,#0000 70%);width:220%;height:60%;animation:6s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-60%;transform:rotate(-15deg)}@keyframes shimmer{0%,to{transform:rotate(-15deg)translate(-30%)}50%{transform:rotate(-15deg)translate(30%)}}.auth-logo{color:inherit;align-items:center;gap:10px;margin-bottom:36px;text-decoration:none;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeUp;display:flex}.logo-mark{background:linear-gradient(135deg,var(--auth-accent),var(--auth-accent2));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}.logo-mark:after{content:"";background:linear-gradient(135deg,#fff3,#0000);animation:3s ease-in-out infinite logoGlow;position:absolute;inset:0}@keyframes logoGlow{0%,to{opacity:1}50%{opacity:.4}}.logo-name{letter-spacing:-.5px;background:linear-gradient(120deg,#fff 40%,var(--auth-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.auth-tabs{background:#ffffff0d;border-radius:12px;margin-bottom:36px;padding:4px;animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeUp;display:flex;position:relative}.tab-pill{background:linear-gradient(135deg,var(--auth-accent),#6c63ffb3);width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:0 4px 20px var(--auth-glow);border-radius:9px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:4px}.tab-pill.right{transform:translate(calc(100% + 8px))}.tab-btn{color:var(--auth-muted);cursor:pointer;z-index:1;letter-spacing:.3px;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:color .3s;position:relative}.tab-btn.active{color:#fff}.flip-scene{perspective:1200px;width:100%}.flip-inner{width:100%;min-height:540px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.645,.045,.355,1);position:relative}.flip-inner.flipped{transform:rotateY(180deg)}.flip-panel{backface-visibility:hidden;flex-direction:column;gap:16px;display:flex}.signup-panel{width:100%;position:absolute;top:0;left:0;transform:rotateY(180deg)}.auth-form{flex-direction:column;gap:16px;display:flex}.panel-heading{margin-bottom:8px;animation:.5s .1s both fadeUp}.panel-heading h1{letter-spacing:-.8px;color:#fff;margin:0 0 4px;font-size:26px;font-weight:700}.panel-heading p{color:var(--auth-muted);margin:0;font-size:14px;line-height:1.5}.field{flex-direction:column;gap:7px;animation:.5s both fadeUp;display:flex}.field:nth-child(n+2){animation-delay:calc((var(--index,1) - 1) * 50ms)}.field label{color:var(--auth-muted);letter-spacing:.3px;margin:0;font-size:13px;font-weight:500}.input-wrap{position:relative}.auth-input{background:var(--auth-input-bg);border:1px solid var(--auth-border);color:#fff;border-radius:12px;outline:none;width:100%;padding:13px 16px 13px 42px;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.auth-input::placeholder{color:#fff3}.auth-input:focus{border-color:var(--auth-accent);background:#6c63ff14;box-shadow:0 0 0 3px #6c63ff26,0 0 20px #6c63ff14}.input-icon{opacity:.4;pointer-events:none;width:16px;height:16px;transition:opacity .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input:focus~.input-icon{opacity:.9}.strength-bar{gap:4px;margin-top:6px;display:flex}.strength-seg{background:#ffffff14;border-radius:99px;flex:1;height:3px;transition:background .4s cubic-bezier(.16,1,.3,1)}.strength-seg.weak{background:#ff6584}.strength-seg.fair{background:#ffd166}.strength-seg.good{background:#06d6a0}.strength-seg.strong{background:var(--auth-accent3)}.auth-row{justify-content:space-between;align-items:center;animation:.5s .22s both fadeUp;display:flex}.remember{color:var(--auth-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--auth-accent);cursor:pointer;padding:0}.forgot{color:var(--auth-accent);opacity:.9;font-size:13px;text-decoration:none;transition:opacity .2s}.forgot:hover{opacity:1;text-decoration:underline}.auth-btn{background:linear-gradient(135deg,var(--auth-accent),#8b7bff);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s;animation:.5s .28s both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #6c63ff66}.auth-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-btn:hover:before{left:100%}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6c63ff8c}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.success-overlay{z-index:10;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a14f2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.success-overlay.show{opacity:1;pointer-events:all}.check-circle{background:linear-gradient(135deg,var(--auth-accent3),var(--auth-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:.5s cubic-bezier(.16,1,.3,1) checkPop;display:flex;box-shadow:0 0 40px #43e8d866}@keyframes checkPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.success-overlay h2{color:#fff;margin:0 0 8px;font-size:22px;font-weight:700}.success-overlay p{color:var(--auth-muted);margin:0;font-size:14px}.auth-particle{pointer-events:none;z-index:0;border-radius:50%;animation:linear infinite particleDrift;position:fixed}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6c63ff14,#0000 70%);border-radius:50%;width:300px;height:300px;transition:all .15s ease-out;position:fixed;transform:translate(-50%,-50%)}@media(max-width:500px){.auth-card{padding:36px 28px}.auth-container{align-items:flex-start;padding:40px 16px 16px}.panel-heading h1{font-size:22px}}