.jo-auth{--jo-primary:#00a651;--jo-primary-dark:#008c44;--jo-primary-light:#e8f8ef;--jo-accent-red:#e30613;--jo-accent-red-dark:#b8050f;--jo-white:#fff;--jo-navy:#0f172a;--jo-text-primary:#111827;--jo-text-secondary:#6b7280;--jo-text-muted:#9ca3af;--jo-border:#e5e7eb;--jo-border-input:#d1d5db;--jo-surface:#f9fafb;--jo-danger:#e30613;--jo-shadow-sm:0 1px 3px #00000014;--jo-transition:.3s cubic-bezier(.4, 0, .2, 1);--jo-font:"Inter", ui-sans-serif, system-ui, sans-serif;background:var(--jo-white);min-height:100vh;font-family:var(--jo-font);color:var(--jo-navy);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.6;display:flex}.jo-auth *,.jo-auth :before,.jo-auth :after{box-sizing:border-box}.jo-auth img,.jo-auth svg{max-width:100%;display:block}.jo-auth a{color:var(--jo-primary);transition:color var(--jo-transition);text-decoration:none}.jo-auth a:hover{color:var(--jo-primary-dark)}.jo-auth .container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.jo-auth .navbar--jo{background:var(--jo-white);border-bottom:1px solid var(--jo-border);box-shadow:var(--jo-shadow-sm);z-index:100;padding:14px 0;position:relative}.jo-auth .navbar__inner--jo{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid}.jo-auth .navbar__brand{color:var(--jo-text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.jo-auth .navbar__brand-logo{object-fit:contain;flex-shrink:0;width:52px;height:52px}.jo-auth .navbar__brand-text{flex-direction:column;gap:2px;display:flex}.jo-auth .navbar__brand-name{letter-spacing:-.02em;color:var(--jo-text-primary);font-size:1.35rem;font-weight:800;line-height:1.1}.jo-auth .navbar__brand-tagline{letter-spacing:.12em;color:var(--jo-text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.jo-auth .navbar__actions{background:var(--jo-white);border:1px solid var(--jo-border);box-shadow:var(--jo-shadow-sm);border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:6px;display:flex}.jo-auth .nav-action{color:var(--jo-primary);transition:all var(--jo-transition);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.jo-auth .nav-action:hover{background:var(--jo-primary-light);color:var(--jo-primary-dark)}.jo-auth .nav-action--active{background:var(--jo-accent-red);color:var(--jo-white);box-shadow:0 4px 12px #e3061340}.jo-auth .nav-action--active:hover{background:var(--jo-accent-red-dark);color:var(--jo-white)}.jo-auth .navbar__nav--jo{justify-self:end;gap:24px;display:flex}.jo-auth .navbar__nav--jo .nav-link{color:var(--jo-text-primary);padding:8px 0;font-size:.9rem;font-weight:500}.jo-auth .navbar__nav--jo .nav-link:hover{color:var(--jo-primary)}.jo-auth .navbar__nav--jo .nav-link.active{color:var(--jo-accent-red);font-weight:600}.jo-auth .hero--jo{flex:1;align-items:flex-start;padding:28px 0 32px;display:flex;position:relative;overflow:hidden}.jo-auth .hero__bg-jo{z-index:0;pointer-events:none;background:url(/assets/jo.png) top/cover no-repeat;position:absolute;inset:0}.jo-auth .hero__content--jo{z-index:1;justify-content:center;width:100%;display:flex;position:relative}.jo-auth .purchase-card--jo{background:var(--jo-white);border:2px solid #00a65140;border-radius:22px;width:100%;max-width:min(520px,94vw);padding:28px 32px 26px;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000014,0 2px 12px #00a6510f}.jo-auth .purchase-card--jo:before{content:"";background:linear-gradient(90deg, var(--jo-primary) 50%, var(--jo-accent-red) 50%);height:4px;position:absolute;top:0;left:0;right:0}.jo-auth .purchase-card__head{text-align:center;margin-bottom:22px}.jo-auth .auth-seller-badge{background:var(--jo-primary-light);color:var(--jo-primary);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.jo-auth .purchase-card__title{color:var(--jo-primary);margin-bottom:6px;font-size:1.5rem;font-weight:800}.jo-auth .purchase-card__subtitle{color:var(--jo-text-secondary);font-size:.9rem}.jo-auth .auth-form--pro .form-group{margin-bottom:14px}.jo-auth .auth-form--pro .form-group label{color:var(--jo-primary);margin-bottom:6px;font-size:.875rem;font-weight:700;display:block}.jo-auth .input-field{border:2px solid var(--jo-border-input);background:var(--jo-white);border-radius:999px;align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.jo-auth .input-field:focus-within{border-color:var(--jo-primary);box-shadow:0 0 0 3px #00a6511f}.jo-auth .input-field__icon{background:var(--jo-surface);border-right:1px solid var(--jo-border-input);color:var(--jo-text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.jo-auth .input-field__icon svg{width:18px;height:18px}.jo-auth .input-field input{width:100%;min-width:0;font-family:var(--jo-font);color:var(--jo-text-primary);background:var(--jo-white);border:none;outline:none;flex:1;padding:12px 14px;font-size:.9375rem}.jo-auth .input-field input::placeholder{color:var(--jo-text-muted)}.jo-auth .input-field--password .toggle-password{background:var(--jo-surface);border:none;border-left:1px solid var(--jo-border-input);color:var(--jo-text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0 12px;display:flex;position:static}.jo-auth .input-field--password .toggle-password:hover{color:var(--jo-primary)}.jo-auth .input-field--password .toggle-password svg{width:18px;height:18px}.jo-auth .auth-form__extras{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:4px;display:flex}.jo-auth .checkbox-label{color:var(--jo-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.8125rem;display:flex}.jo-auth .checkbox-label input{display:none}.jo-auth .checkbox-custom{width:18px;height:18px;transition:all var(--jo-transition);border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jo-auth .checkbox-label input:checked+.checkbox-custom{background:var(--jo-primary);border-color:var(--jo-primary)}.jo-auth .checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:var(--jo-white);font-size:.7rem;font-weight:700}.jo-auth .auth-form__link{color:var(--jo-accent-red);white-space:nowrap;font-size:.8125rem;font-weight:600}.jo-auth .auth-form__link:hover{color:var(--jo-accent-red-dark)}.jo-auth .auth-form__error{color:var(--jo-danger);background:#e3061314;border:1px solid #e3061333;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:.8125rem}.jo-auth .btn--gradient{width:100%;color:var(--jo-white);cursor:pointer;background:linear-gradient(90deg, var(--jo-accent-red) 0%, var(--jo-primary) 100%);transition:transform var(--jo-transition), box-shadow var(--jo-transition);font-size:1.05rem;font-weight:700;font-family:var(--jo-font);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;display:inline-flex;box-shadow:0 6px 20px #00a65147}.jo-auth .btn--gradient:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00a65159}.jo-auth .btn--gradient:disabled{background:var(--jo-border-input);color:var(--jo-text-muted);box-shadow:none;cursor:not-allowed;transform:none}.jo-auth .form-footer-note{text-align:center;color:var(--jo-text-muted);margin-top:12px;font-size:.75rem}.jo-auth .form-footer-note a{color:var(--jo-text-secondary);text-underline-offset:2px;text-decoration:underline}.jo-auth .form-footer-note a:hover{color:var(--jo-primary)}.jo-auth .site-footer--jo{z-index:1;background:var(--jo-white);border-top:1px solid var(--jo-border);margin-top:auto;padding:16px 0;position:relative}.jo-auth .site-footer__copy{color:var(--jo-text-muted);text-align:center;font-size:.8rem}.jo-auth .btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite jo-auth-spin}@keyframes jo-auth-spin{to{transform:rotate(360deg)}}@media (width<=960px){.jo-auth .navbar__inner--jo{grid-template-columns:1fr auto}.jo-auth .navbar__actions{display:none}}@media (width<=768px){.jo-auth .navbar__nav--jo{display:none}.jo-auth .purchase-card--jo{padding:24px 18px 20px}}