@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap";.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;font-family:var(--font-family)}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(122,229,130,.15),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(16,185,129,.1),transparent 50%),linear-gradient(160deg,#05462880,#0f172ab3);animation:authGradientShift 8s ease-in-out infinite alternate;z-index:0}.auth-card{background:#0f172a8c;padding:40px 28px;border-radius:24px;box-shadow:0 16px 40px #0000004d;width:100%;max-width:380px;text-align:left;position:relative;z-index:10;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);transition:transform var(--motion-slow) var(--ease-spring)}.auth-card .auth-logo{animation:authSlideUp .5s var(--ease-emphasized) both}.auth-card .auth-title{animation:authSlideUp .5s var(--ease-emphasized) .08s both}.auth-card .auth-subtitle{animation:authSlideUp .5s var(--ease-emphasized) .16s both}.auth-card .auth-form>*:nth-child(1){animation:authSlideUp .5s var(--ease-emphasized) .24s both}.auth-card .auth-form>*:nth-child(2){animation:authSlideUp .5s var(--ease-emphasized) .32s both}.auth-card .auth-btn{animation:authSlideUp .5s var(--ease-emphasized) .4s both}.auth-card .auth-divider{animation:authSlideUp .5s var(--ease-emphasized) .48s both}.auth-card .social-grid{animation:authSlideUp .5s var(--ease-emphasized) .56s both}.auth-card .auth-link{animation:authSlideUp .5s var(--ease-emphasized) .64s both}.auth-card:before{display:none}.auth-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;margin-bottom:14px;border-radius:999px;background:#10b9811f;color:#047857;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-logo{font-size:40px;font-weight:900;margin-bottom:8px;letter-spacing:-.04em;line-height:1;color:#fff}.auth-title{margin:0 0 10px;color:#fff;font-size:clamp(28px,4vw,34px);line-height:1.1;letter-spacing:-.04em}.auth-subtitle{margin-bottom:26px;color:#94a3b8;font-size:15px;line-height:1.5}.user-theme{background-image:url(../images/findi_aurora_real.jpg)}.user-theme:before{background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 40%),linear-gradient(135deg,#0546281f,#065f4626 42%,#0f172a33);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-theme .auth-logo{background:linear-gradient(135deg,#10b981,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.user-theme .auth-btn{background:linear-gradient(90deg,#00e676,#00b0ff);box-shadow:0 8px 24px #00b0ff40;font-weight:600;letter-spacing:.5px;font-size:18px;padding:16px;border:none;position:relative;overflow:hidden;border-radius:99px;display:flex;justify-content:center;align-items:center}.user-theme .auth-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #10b98157}.user-theme .auth-btn:hover:after{transform:translate(4px);opacity:1}.user-theme .link-text{color:#10b981;font-weight:700}.admin-theme{background-image:url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop)}.admin-theme:before{background:linear-gradient(135deg,#0f172acc,#1e293be6)}.admin-theme .auth-card{background:#1e293bd9;color:#fff;border:1px solid rgba(255,255,255,.1)}.admin-theme .auth-logo,.admin-theme .auth-title{color:#38bdf8}.admin-theme .input-group label{color:#94a3b8}.admin-theme .input-group input{background:#0f172a99;border-color:#ffffff1a;color:#fff}.admin-theme .input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.admin-theme .auth-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666;color:#fff}.admin-theme .link-text{color:#38bdf8}.auth-form{display:flex;flex-direction:column;gap:18px;text-align:left}.auth-panel-note{margin-bottom:4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(16,185,129,.16);background:linear-gradient(180deg,#ecfdf5eb,#d1fae5bd);color:#065f46;font-size:13px;line-height:1.5}.auth-panel-note--info{border-color:#2563eb24;background:linear-gradient(180deg,#eff6fff5,#dbeafed6);color:#1d4ed8}.demo-role-selector{margin-bottom:22px;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172a47}.demo-role-selector__label{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.demo-role-selector__chips{display:flex;flex-wrap:wrap;gap:8px}.role-chip{padding:6px 10px;border-radius:999px;border:1px solid transparent;background:#ffffff0f;color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.role-chip:hover{transform:translateY(-1px)}.role-chip--admin{border-color:#60a5fa73;background:#3b82f62e;color:#93c5fd}.role-chip--manager{border-color:#a78bfa73;background:#8b5cf62e;color:#c4b5fd}.role-chip--ops{border-color:#fbbf2473;background:#f59e0b2e;color:#fcd34d}.role-chip--content{border-color:#34d39973;background:#10b9812e;color:#6ee7b7}.input-group{position:relative;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.6px;color:#94a3b8}.input-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-wrapper svg.input-icon{position:absolute;left:16px;color:#0ea5e9;width:20px;height:20px;pointer-events:none;z-index:1}.input-group input{width:100%;box-sizing:border-box;padding:18px 16px 18px 52px;border-radius:99px;border:1px solid rgba(0,176,255,.5);font-size:15px;font-family:var(--font-family);transition:all .3s ease;background:#00000040;color:#fff;min-height:58px;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-group input:focus{outline:none;border-color:#00b0ff;background:#0006;box-shadow:0 0 0 3px #00b0ff33;transform:translateY(-1px)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;animation:authSlideUp .5s var(--ease-emphasized) both}.brand-compass{width:72px;height:72px;flex-shrink:0;object-fit:contain;margin-top:52px;margin-left:-15px;margin-right:5px;filter:hue-rotate(-80deg) brightness(1.5) saturate(1.2) drop-shadow(0 2px 8px rgba(16,185,129,.4))}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-mountain{width:234px;height:117px;margin-bottom:-40px;margin-left:-55px;object-fit:contain}.brand-title{font-family:Roluxy,DVN Roluxy,sans-serif;font-size:75px;font-weight:800;color:#00b0ff;line-height:1;margin:0 0 0 -10px;letter-spacing:-1px}.brand-subtitle{font-size:12px;margin:2px 0 0 2px;font-weight:600;letter-spacing:1.5px;background:linear-gradient(90deg,#00e676,#00b0ff,#b388ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.forgot-password-link{text-align:right;color:#1de9b6;font-size:14px;margin-bottom:28px;margin-top:8px;cursor:pointer;font-weight:500}.btn-arrow{width:18px;height:18px;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.social-text{text-align:center;color:#e2e8f0;font-size:14px;margin:24px 0 16px}.social-grid-mockup{display:flex;justify-content:center;gap:20px;margin-bottom:32px}.social-btn-mockup{width:56px;height:56px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.social-btn-mockup:hover{transform:scale(1.05);background:#ffffff26}.auth-link-mockup{text-align:center;color:#cbd5e1;font-size:15px}.auth-link-mockup .link-text{color:#00e676;cursor:pointer;font-weight:600;margin-left:6px}.input-hint{color:#64748b;font-size:12px;line-height:1.45}.password-field{position:relative}.password-input{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.password-toggle:hover{background:#0f172a24}.auth-btn{padding:16px;border:none;border-radius:99px;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--motion-base) var(--ease-spring);margin-top:var(--space-2);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.2px}.auth-btn:hover{transform:translateY(-1px)}.auth-btn:active{transform:scale(.97);opacity:.92}.auth-btn--disabled,.auth-btn:disabled{background:#ffffff1a!important;color:#fff6!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed!important}.auth-btn--disabled:after,.auth-btn:disabled:after{display:none!important}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 2px}.auth-divider-line{flex:1;height:1px;background:linear-gradient(90deg,#94a3b80f,#94a3b88c,#94a3b80f)}.auth-divider-text{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.auth-link,.auth-footer{margin-top:var(--space-5);font-size:var(--font-size-sm);color:#64748b;text-align:center;line-height:var(--line-height-relaxed)}.link-text{color:#10b981;font-weight:600;cursor:pointer;margin-left:6px;transition:color .2s ease}.link-text:hover{color:#059669;text-decoration:underline}.error-msg{position:fixed;top:20px;right:20px;z-index:1000;background:#ef4444e6;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 10px 25px #ef44444d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);animation:fadeInUp var(--motion-base) var(--ease-spring);pointer-events:none}.grecaptcha-badge{visibility:hidden;opacity:0;pointer-events:none}#recaptcha-container{display:none;width:0;height:0}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:99px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;cursor:pointer;transition:all var(--motion-fast) var(--ease-spring);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.social-btn svg{filter:grayscale(1) brightness(2);transition:filter .2s ease}.social-btn:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 8px 24px #0003}.social-btn:hover svg{filter:none}.social-btn:active{transform:scale(.96);box-shadow:0 2px 8px #0000001f}.google-btn:active{border-color:#4285f4;background:#f0f7ff}.facebook-btn:active{border-color:#1877f2;background:#f0f5ff}.apple-btn{background:#000;border-color:#000;color:#fff}.apple-btn:hover{background:#1a1a1a}@media(max-width:480px){.auth-card{padding:28px 22px;max-width:100%;border-radius:24px}.auth-logo{font-size:34px}.auth-title{font-size:28px}.auth-container{padding:var(--space-4);align-items:center}.auth-card{margin-bottom:env(safe-area-inset-bottom,0px)}.password-input{padding-right:48px}}