:root{--auth-lime: #C8E632;--auth-lime-dark: #8DB800;--auth-ink: #1C1C1E;--auth-ink2: #5A5A6A;--auth-ink3: #9A9AAA;--auth-border: rgba(94,94,74,.16);--auth-bg-field: rgba(255,255,255,.7);--auth-card-bg: rgba(247,244,238,.96);--auth-radius: 14px}.auth-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 70% 55% at 18% 16%,rgba(236,45,140,.1) 0%,transparent 62%),radial-gradient(ellipse 58% 46% at 86% 78%,rgba(216,197,251,.2) 0%,transparent 60%),#100e167a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-card{background:var(--auth-card-bg);backdrop-filter:blur(44px) saturate(1.9);-webkit-backdrop-filter:blur(44px) saturate(1.9);border-radius:28px;padding:36px 36px 28px;width:min(420px,calc(100vw - 32px));position:relative;margin:auto;box-shadow:0 52px 120px #0e0e1070,0 0 0 1px #ffffff8c,inset 0 1.5px #ffffffd9;border:1px solid rgba(255,255,255,.62)}.auth-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:10px;background:#0e0e100f;color:var(--auth-ink2);font-size:18px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background .15s}.auth-close:hover{background:#0e0e1021}.auth-head{text-align:center;margin-bottom:26px}.auth-logo{width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:block;filter:drop-shadow(0 4px 18px rgba(160,200,20,.42))}.auth-title{font-size:2rem;font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--auth-ink);margin-bottom:5px}.auth-title em{font-style:normal;color:#ec2d8c}.auth-sub{font-size:13px;color:var(--auth-ink2);font-weight:600;margin-top:0;letter-spacing:.005em}.auth-err{display:none;background:#fff5f5f7;border:1.5px solid rgba(239,68,68,.24);border-radius:12px;padding:10px 14px;font-size:13px;color:#c62828;margin-bottom:14px;font-weight:600;line-height:1.4}.auth-ok{display:none;background:#f0fff5f7;border:1.5px solid rgba(22,163,74,.24);border-radius:12px;padding:10px 14px;font-size:13px;color:#166534;margin-bottom:14px;font-weight:600;line-height:1.4}.auth-role-lbl{font-size:10px;font-weight:800;color:var(--auth-ink3);font-family:monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.auth-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.auth-role{padding:14px 10px 12px;border-radius:14px;border:2px solid var(--auth-border);background:#ffffff9e;cursor:pointer;text-align:center;transition:border-color .18s,background .18s,transform .12s;user-select:none}.auth-role:hover{border-color:#8db80066;background:#cdf24f1a;transform:translateY(-1px)}.auth-role.sel{border-color:var(--auth-lime-dark);background:#cdf24f2e;box-shadow:0 2px 12px #8db8002e}.auth-role-ic{font-size:1.7rem;line-height:1;margin-bottom:5px}.auth-role-name{font-size:12px;font-weight:800;color:var(--auth-ink)}.auth-role-desc{font-size:10px;color:var(--auth-ink3);margin-top:2px;line-height:1.3}.auth-field-wrap{position:relative;margin-bottom:11px}.auth-inp{width:100%;padding:13px 44px 13px 16px;border:1.5px solid var(--auth-border);border-radius:var(--auth-radius);font-family:inherit;font-size:.95rem;font-weight:600;color:var(--auth-ink);outline:none;background:var(--auth-bg-field);transition:border-color .18s,box-shadow .18s;box-sizing:border-box;-webkit-appearance:none}.auth-inp:focus{border-color:var(--auth-lime-dark);box-shadow:0 0 0 3px #cdf24f47}.auth-inp::placeholder{color:var(--auth-ink3);font-weight:500}.auth-field-wrap:not(.has-toggle) .auth-inp{padding-right:16px}.auth-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:none;cursor:pointer;color:var(--auth-ink3);display:flex;align-items:center;justify-content:center;border-radius:7px;transition:color .14s,background .14s}.auth-eye:hover{color:var(--auth-ink2);background:#0e0e100f}.auth-eye svg{width:18px;height:18px;pointer-events:none}.auth-btn{width:100%;padding:14px;border:none;border-radius:var(--auth-radius);background:linear-gradient(140deg,#1c1c1e,#2d2d30);color:var(--auth-lime);font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;margin-top:6px;letter-spacing:-.01em;box-shadow:0 6px 28px #0e0e1047,inset 0 1px #ffffff14;transition:filter .15s,transform .12s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.auth-btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 10px 36px #0e0e1057,inset 0 1px #ffffff14}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn-spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(200,230,50,.3);border-top-color:var(--auth-lime);animation:auth-spin .55s linear infinite;flex-shrink:0}.auth-btn.loading .auth-btn-spinner{display:block}.auth-btn.loading .auth-btn-lbl{opacity:.7}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-or{display:flex;align-items:center;gap:10px;margin:14px 0 2px;color:var(--auth-ink3);font-size:11px;font-weight:800;letter-spacing:.08em;font-family:monospace}.auth-or-line{flex:1;height:1px;background:var(--auth-border)}.auth-forgot{text-align:right;margin-top:4px}.auth-forgot button{color:var(--auth-ink3);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color .14s}.auth-forgot button:hover{color:var(--auth-ink2)}.auth-toggle{text-align:center;margin-top:18px;font-size:13px;color:var(--auth-ink2);font-weight:500}.auth-toggle button{color:var(--auth-ink);font-weight:800;margin-left:4px;text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color .14s}.auth-toggle button:hover{color:#ec2d8c}.auth-google-area{display:none;margin-bottom:16px}.auth-google-btn{display:flex;justify-content:center;min-height:44px}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 50% at 20% 15%,rgba(200,230,50,.12) 0%,transparent 58%),radial-gradient(ellipse 55% 45% at 84% 80%,rgba(236,45,140,.08) 0%,transparent 56%),#f5f1eb;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.auth-page .auth-card{box-shadow:0 24px 64px #0e0e1024,0 0 0 1px #ffffff8c,inset 0 1.5px #ffffffd9}.auth-back{display:block;text-align:center;margin-top:18px;font-size:13px;color:var(--auth-ink3);text-decoration:none;font-weight:600;transition:color .14s}.auth-back:hover{color:var(--auth-ink2)}.auth-spinner-wrap{display:flex;align-items:center;gap:10px;color:var(--auth-ink3);font-size:14px;font-weight:600}.auth-spinner{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2.5px solid rgba(94,94,74,.18);border-top-color:var(--auth-lime-dark);animation:auth-spin .6s linear infinite}@media(prefers-reduced-motion:reduce){.auth-btn-spinner,.auth-spinner{animation:none}}@media(max-width:540px){.auth-overlay,#lp-auth{align-items:flex-start!important;justify-content:flex-start!important;background:var(--auth-card-bg, #F5F0E8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.auth-card{width:100%!important;min-height:100dvh!important;border-radius:0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:calc(env(safe-area-inset-top,16px) + 28px) 24px calc(env(safe-area-inset-bottom,16px) + 32px)!important;margin:0!important;display:flex;flex-direction:column}.auth-close{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:16px!important;z-index:10;background:#0e0e1012!important;width:34px!important;height:34px!important;border-radius:10px!important}.auth-btn{margin-top:12px!important}.auth-toggle{margin-top:auto;padding-top:24px}.auth-forgot{margin-top:8px}.auth-inp{font-size:16px!important}.auth-role{padding:16px 10px 14px!important}.auth-role-ic{font-size:2rem!important;margin-bottom:6px!important}.auth-role-name{font-size:13px!important}}