.auth-layout{isolation:isolate;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.auth-layout .auth-page{z-index:1;position:relative}.auth-playful-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-playful-base{background:radial-gradient(at 18% 15%,#1a56db1a,#0000 48%),radial-gradient(at 82% 22%,#00b4d817,#0000 44%),radial-gradient(at 48% 88%,#e91e8c12,#0000 50%),radial-gradient(at 8% 72%,#f5c51812,#0000 42%),linear-gradient(#f8fafc 0%,#fff 45%,#f1f5f9 100%);position:absolute;inset:0}.auth-playful-dots{opacity:.45;background-image:radial-gradient(circle, color-mix(in srgb, var(--primary) 18%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 78%);mask-image:radial-gradient(#000 25%,#0000 78%)}.auth-playful-orbs{position:absolute;inset:0}.auth-playful-orb{filter:blur(56px);border-radius:999px;animation:16s ease-in-out infinite auth-playful-orb-float;position:absolute}.auth-playful-orb--blue{background:#1a56db33;width:300px;height:300px;top:6%;right:12%}.auth-playful-orb--cyan{background:#00b4d829;width:240px;height:240px;animation-delay:-5s;top:42%;right:68%}.auth-playful-orb--pink{background:#e91e8c21;width:280px;height:280px;animation-delay:-8s;bottom:8%;right:18%}.auth-playful-orb--yellow{background:#f5c51826;width:200px;height:200px;animation-delay:-2s;top:22%;right:52%}@keyframes auth-playful-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-24px)scale(1.07)}66%{transform:translate(-16px,18px)scale(.93)}}.auth-playful-block{border:1px solid color-mix(in srgb, white 40%, var(--border));border-radius:1rem;animation:10s ease-in-out infinite auth-playful-block-float;position:absolute;box-shadow:0 8px 24px #0f172a12}.auth-playful-block--blue{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, white), color-mix(in srgb, var(--primary) 8%, white))}.auth-playful-block--pink{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-pink) 24%, white), color-mix(in srgb, var(--accent-pink) 8%, white))}.auth-playful-block--gold{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-yellow) 30%, white), color-mix(in srgb, var(--accent-yellow) 10%, white))}.auth-playful-block--cyan{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-cyan) 22%, white), color-mix(in srgb, var(--accent-cyan) 8%, white))}.auth-playful-block--green{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-green) 22%, white), color-mix(in srgb, var(--accent-green) 8%, white))}@keyframes auth-playful-block-float{0%,to{transform:translateY(0) rotate(var(--block-rotate,0deg));opacity:.42}50%{transform:translateY(-14px) rotate(calc(var(--block-rotate,0deg) + 6deg));opacity:.68}}.auth-playful-confetti{border-radius:999px;animation:7s ease-in-out infinite auth-playful-confetti;position:absolute}.auth-playful-confetti--blue{background:color-mix(in srgb, var(--primary) 65%, white)}.auth-playful-confetti--pink{background:color-mix(in srgb, var(--accent-pink) 62%, white)}.auth-playful-confetti--gold{background:color-mix(in srgb, var(--accent-yellow) 72%, white)}.auth-playful-confetti--cyan{background:color-mix(in srgb, var(--accent-cyan) 65%, white)}.auth-playful-confetti--green{background:color-mix(in srgb, var(--accent-green) 62%, white)}@keyframes auth-playful-confetti{0%,to{opacity:.35;transform:translateY(0)scale(1)}50%{opacity:.65;transform:translateY(-10px)scale(1.15)}}.auth-playful-shelf{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--primary) 25%, transparent) 0, color-mix(in srgb, var(--primary) 25%, transparent) 8px, transparent 8px, transparent 16px);opacity:.35;border-radius:999px;height:2px;position:absolute;bottom:18%;left:8%;right:8%}.auth-playful-vignette{background:radial-gradient(#0000 32%,#ffffffb8 100%),linear-gradient(#ffffff73 0%,#0000 16% 84%,#fff9 100%);position:absolute;inset:0}@media (max-width:640px){.auth-playful-block{opacity:.32;transform:scale(.82)}.auth-playful-orb--blue,.auth-playful-orb--pink{width:190px;height:190px}.auth-playful-shelf{display:none}}@media (prefers-reduced-motion:reduce){.auth-playful-orb,.auth-playful-block,.auth-playful-confetti{animation:none!important}}.auth-page{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:.5rem 0 1rem;display:flex}.auth-shell{width:100%;max-width:26rem}.auth-logo-wrap{justify-content:center;margin-bottom:.85rem;display:flex}.auth-hero{border:1px solid color-mix(in srgb, var(--primary) 12%, var(--border));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(16px);text-align:center;border-radius:1.35rem;padding:1rem 1.25rem .9rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #1a56db0f,0 1px 3px #0f172a0a}.auth-hero-glow{pointer-events:none;background:radial-gradient(at 25% 30%,#1a56db12,#0000 55%),radial-gradient(at 75% 70%,#e91e8c0d,#0000 55%);position:absolute;inset:0}.auth-hero-title{color:var(--foreground);margin:0;font-size:1.45rem;font-weight:900;line-height:1.25;position:relative}@media (min-width:768px){.auth-hero-title{font-size:1.6rem}}.auth-hero-title-accent{background:linear-gradient(270deg, var(--primary), var(--accent-pink), var(--accent-yellow));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.auth-hero-sub{max-width:20rem;color:var(--muted);margin:.4rem auto 0;font-size:.82rem;font-weight:600;line-height:1.55;position:relative}.auth-card{border:1px solid color-mix(in srgb, var(--primary) 10%, var(--border));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:1.35rem;margin-top:.75rem;padding:1.2rem;box-shadow:0 8px 32px #1a56db14,0 2px 6px #0f172a08}@media (min-width:768px){.auth-card{padding:1.35rem}}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-label{color:var(--foreground);font-size:.8rem;font-weight:900}.auth-input-wrap{position:relative}.auth-input-icon{pointer-events:none;width:1.05rem;height:1.05rem;color:var(--muted);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-input{border:1px solid var(--border);background:var(--background);border-radius:1rem;outline:none;width:100%;height:2.85rem;padding-left:2.65rem;padding-right:2.65rem;font-size:.9rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent);font-weight:500}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.auth-input-toggle{width:1.85rem;height:1.85rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.55rem;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.auth-input-toggle:hover{background:color-mix(in srgb, var(--foreground) 5%, var(--background));color:var(--foreground)}.auth-row-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.auth-forgot-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:900;transition:color .2s}.auth-forgot-btn:hover{color:var(--primary-hover);text-decoration:underline}.auth-terms{border:1px solid color-mix(in srgb, var(--foreground) 8%, var(--border));background:color-mix(in srgb, var(--primary) 3%, var(--background));cursor:pointer;border-radius:.95rem;align-items:flex-start;gap:.65rem;padding:.85rem .9rem;transition:border-color .2s;display:flex}.auth-terms:has(input:checked){border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.auth-terms input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:.15rem}.auth-terms-text{color:var(--foreground);font-size:.8rem;font-weight:600;line-height:1.55}.auth-terms-link{color:var(--primary);font-weight:900;transition:color .2s}.auth-terms-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-error{border:1px solid color-mix(in srgb, #ef4444 25%, var(--border));color:#b91c1c;background:#fef4f4;border-radius:.85rem;padding:.75rem .9rem;font-size:.8rem;font-weight:800;line-height:1.5}.auth-success{border:1px solid color-mix(in srgb, #22c55e 25%, var(--border));color:#15803d;background:#edfaf2;border-radius:.85rem;padding:.75rem .9rem;font-size:.8rem;font-weight:800;line-height:1.5}.auth-submit{width:100%;margin-top:.15rem}.auth-footer{text-align:center;color:var(--muted);margin-top:.85rem;font-size:.875rem;font-weight:600}.auth-footer-link{color:var(--primary);font-weight:900;transition:color .2s}.auth-footer-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-back-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.85rem;font-weight:900;transition:color .2s;display:inline-flex}.auth-back-btn:hover{color:var(--primary)}.auth-reset-panel{flex-direction:column;gap:1rem;display:flex}.auth-reset-lead{color:var(--muted);font-size:.875rem;font-weight:600;line-height:1.6}.auth-trust-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-top:.75rem;font-size:.72rem;font-weight:700;display:flex}.auth-trust-item{align-items:center;gap:.3rem;display:inline-flex}.auth-trust-item svg{width:.85rem;height:.85rem;color:var(--primary)}.auth-shell--register{max-width:28rem}.auth-form--register{gap:.72rem}.auth-form--register .auth-card,.auth-shell--register .auth-card{max-height:none}
