body.auth-body{font-family:var(--font-family,"Inter",system-ui,-apple-system,sans-serif);min-height:100dvh;color:var(--color-text,#1e293b);background:var(--powder-bg,#f4f1ec);margin:0;position:relative;overflow-x:hidden}body.auth-body h1,body.auth-body h2,body.auth-body .auth-serif{font-family:var(--font-heading,"Playfair Display",Georgia,serif)}.auth-page{background:#fff;flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=768px){.auth-page{flex-direction:row}}.auth-cover,.auth-hero-panel{color:#fff;background:var(--cover-bg,linear-gradient(to bottom right, var(--color-1,#4f46e5), var(--color-2,#7c3aed)));background-image:var(--cover-bg,linear-gradient(to bottom right, var(--color-1,#4f46e5), var(--color-2,#7c3aed)));flex-direction:column;justify-content:center;align-items:center;width:50%;padding:3rem;display:none;position:relative;overflow:hidden}@media (width>=768px){.auth-cover,.auth-hero-panel{display:flex}}@media (width>=1024px){.auth-cover,.auth-hero-panel{padding:6rem}}.auth-cover-texture{opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url(/guest-auth/jalinsava/textures/cubes.png);position:absolute;inset:0}.auth-cover-title{letter-spacing:.02em;background-image:linear-gradient(to right, var(--accent-decor,#ad8b3a), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.2}.auth-cover-sub{color:color-mix(in srgb, var(--accent-decor,#ad8b3a) 85%, white);font-size:1.125rem;font-weight:300;line-height:1.7}.auth-form-side{background:var(--powder-bg,#f4f1ec);flex-direction:column;justify-content:flex-start;width:100%;min-height:100dvh;display:flex;position:relative;overflow-y:auto}@media (width>=768px){.auth-form-side{justify-content:center;width:50%;min-height:100vh}}.auth-mobile-hero{background:var(--cover-bg,var(--color-1,#4f46e5));background-image:var(--cover-bg,none);z-index:0;border-bottom-right-radius:60px;width:100%;height:30vh;display:block;position:absolute;top:0;left:0;overflow:hidden}@media (width>=768px){.auth-mobile-hero{display:none}}.auth-card{z-index:20;width:100%;min-height:65vh;box-shadow:none;background:#fff;border-top-left-radius:40px;border-top-right-radius:40px;flex-direction:column;justify-content:space-between;margin-top:auto;margin-left:auto;margin-right:auto;padding:2.5rem 2rem 2rem;display:flex;position:relative}@media (width>=768px){.auth-card{border-radius:var(--card-radius,40px);max-width:28rem;min-height:0;box-shadow:0 20px 40px -15px color-mix(in srgb, var(--color-1,#4f46e5) 12%, transparent);border:1px solid #fff9;margin-top:0;padding:3rem}body.auth-body.admin-auth-page .auth-card{max-width:none}}.auth-input-wrap{background:var(--input-bg,#f9fafbd9);border:1px solid var(--input-border,#e5e7ebe6);border-radius:18px;transition:border-color .18s,background-color .18s,box-shadow .18s;position:relative;overflow:hidden}.auth-input-wrap:focus-within{background:var(--input-focus-bg,#fff);border-color:var(--input-focus-ring,#0f3d3e59);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus-ring,#0f3d3e59) 35%, transparent)}.auth-input-wrap .input-glass,.auth-input-wrap input{color:#1f2937;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.auth-input-wrap input::placeholder{color:#9ca3af}.auth-input-icon{color:#9ca3af;transition:color .15s}.auth-input-wrap:focus-within .auth-input-icon{color:var(--color-1,#4f46e5)}.auth-btn{border-radius:var(--btn-radius,18px);box-shadow:var(--btn-shadow,0 8px 24px #4f46e540);background-image:var(--btn-gradient,none);background-color:var(--color-1,#4f46e5);color:#fff;transition:filter .15s,transform .12s,box-shadow .15s,background-color .15s}.auth-btn:hover:not(:disabled){filter:brightness(1.05);background-color:var(--color-2,#7c3aed);transform:scale(1.02)}.auth-btn:active:not(:disabled){filter:brightness(.96);transform:scale(.97)}.auth-link{color:var(--accent-text,var(--color-1,#4f46e5))}.auth-link:hover{color:var(--color-2,#7c3aed)}.auth-form-heading{color:var(--form-heading,var(--color-1,#4f46e5))}.auth-accent-bar{background:color-mix(in srgb, var(--accent-decor,#ad8b3a) 55%, transparent);border-radius:999px;width:3rem;height:.25rem;margin:1rem auto 0}.auth-back-chip{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.auth-back-chip:hover{color:#fff;background:#fff3}.auth-modal-panel{border:1px solid color-mix(in srgb, var(--color-1,#4f46e5) 10%, transparent);background:#fff;border-radius:24px}.fade-up{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) forwards auth-fade-in}.auth-shell{border-radius:var(--card-radius,40px);box-shadow:0 20px 40px -15px color-mix(in srgb, var(--color-1,#4f46e5) 12%, transparent);background:#fff;border:1px solid #0f172a14;overflow:hidden}.liquid-container{display:none}body.auth-body:not(:has(.auth-page)){background:radial-gradient(ellipse 70% 50% at 25% 15%, color-mix(in srgb, var(--color-1,#4f46e5) 35%, transparent) 0%, transparent 65%), radial-gradient(ellipse 60% 60% at 75% 90%, color-mix(in srgb, var(--color-2,#7c3aed) 30%, transparent) 0%, transparent 65%), var(--powder-bg,#f4f1ec);justify-content:center;align-items:center;padding:2rem 1rem;display:flex}body.auth-body:not(:has(.auth-page)) .auth-shell .text-slate-50{color:var(--form-heading,var(--color-1,#4f46e5))!important}body.auth-body:not(:has(.auth-page)) .auth-shell h2{color:var(--form-heading,var(--color-1,#4f46e5))!important}:is(body.auth-body:not(:has(.auth-page)) .auth-shell .text-slate-300,body.auth-body:not(:has(.auth-page)) .auth-shell .text-slate-400){color:#64748b!important}body.auth-body:not(:has(.auth-page)) .auth-shell .bg-slate-950\/80{background:#fff!important}body.auth-body:not(:has(.auth-page)) .input-glass{background:var(--input-bg,#f9fafbd9);border:1px solid var(--input-border,#e5e7ebe6);color:#1f2937;border-radius:18px}body.auth-body:not(:has(.auth-page)) .input-glass:focus{background:var(--input-focus-bg,#fff);border-color:var(--input-focus-ring,#4f46e559);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus-ring,#4f46e559) 35%, transparent)}body.auth-body:not(:has(.auth-page)) .auth-btn{color:#fff}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;animation:none}.auth-btn{transition:none}}