:root{--ks-auth-primary:var(--ks-primary);--ks-auth-primary-hover:var(--ks-primary-hover);--ks-auth-primary-active:var(--ks-primary-active);--ks-auth-primary-light:var(--ks-primary-light);--ks-auth-primary-muted:var(--ks-primary-muted);--ks-auth-success:var(--ks-success);--ks-auth-warning:var(--ks-warning);--ks-auth-error:var(--ks-error);--ks-auth-info:var(--ks-info);--ks-auth-gray-50:var(--ks-gray-50);--ks-auth-gray-100:var(--ks-gray-100);--ks-auth-gray-200:var(--ks-gray-200);--ks-auth-gray-300:var(--ks-gray-300);--ks-auth-gray-400:var(--ks-gray-400);--ks-auth-gray-500:var(--ks-gray-500);--ks-auth-gray-600:var(--ks-gray-600);--ks-auth-gray-700:var(--ks-gray-700);--ks-auth-gray-800:var(--ks-gray-800);--ks-auth-gray-900:var(--ks-gray-900);--ks-auth-space-1:var(--ks-space-1);--ks-auth-space-2:var(--ks-space-2);--ks-auth-space-3:var(--ks-space-3);--ks-auth-space-4:var(--ks-space-4);--ks-auth-space-5:var(--ks-space-5);--ks-auth-space-6:var(--ks-space-6);--ks-auth-space-8:var(--ks-space-8);--ks-auth-space-10:var(--ks-space-10);--ks-auth-space-12:var(--ks-space-12);--ks-auth-radius-sm:var(--ks-radius-sm);--ks-auth-radius-md:var(--ks-radius-md);--ks-auth-radius-lg:var(--ks-radius-lg);--ks-auth-radius-xl:var(--ks-radius-xl);--ks-auth-radius-2xl:var(--ks-radius-2xl);--ks-auth-radius-full:var(--ks-radius-full);--ks-auth-shadow-sm:var(--ks-shadow-sm);--ks-auth-shadow-md:var(--ks-shadow-md);--ks-auth-shadow-lg:var(--ks-shadow-lg);--ks-auth-shadow-xl:var(--ks-shadow-xl);--ks-auth-ease-default:var(--ks-ease-default);--ks-auth-ease-enter:var(--ks-ease-enter);--ks-auth-ease-premium:var(--ks-ease-premium);--ks-auth-ease-spring:var(--ks-ease-spring);--ks-auth-duration-fast:var(--ks-duration-fast);--ks-auth-duration-normal:var(--ks-duration-normal);--ks-auth-duration-moderate:var(--ks-duration-moderate);--ks-auth-duration-slow:var(--ks-duration-slow);--ks-auth-font-sans:var(--ks-font-sans);--ks-auth-gradient-brand:var(--ks-gradient-brand);--ks-auth-gradient-ai:var(--ks-gradient-ai);--ks-auth-gradient-warm:var(--ks-gradient-warm);--ks-auth-gradient-glass-light:var(--ks-gradient-glass-light);--ks-auth-border-radius:var(--ks-border-radius)}@keyframes ks-auth-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ks-auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ks-auth-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ks-auth-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ks-auth-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ks-auth-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ks-auth-pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b98166}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes ks-auth-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ks-auth-animate-slide-in{animation:.3s ease-out ks-auth-slide-in}.ks-auth-float{animation:6s ease-in-out infinite ks-auth-float}.ks-auth-overlay{animation:.2s ease-out ks-auth-overlay-in}.ks-auth-scale-in{animation:ks-auth-scale-in var(--ks-auth-duration-normal) var(--ks-auth-ease-premium)}.ks-auth-slide-up{animation:ks-auth-slide-up var(--ks-auth-duration-moderate) var(--ks-auth-ease-enter)}@media (prefers-reduced-motion:reduce){.ks-auth-animate-slide-in,.ks-auth-float,.ks-auth-overlay,.ks-auth-scale-in,.ks-auth-slide-up{animation:none}}.ks-auth-card{border-radius:var(--ks-auth-radius-2xl);box-shadow:var(--ks-auth-shadow-xl);animation:ks-auth-scale-in var(--ks-auth-duration-slow) var(--ks-auth-ease-premium);background:#fff;overflow:hidden}.ks-auth-card__brand-panel{background:var(--ks-auth-gradient-brand);padding:var(--ks-auth-space-10);color:#fff;text-align:center;background-size:200% 200%;flex-direction:column;justify-content:center;align-items:center;animation:8s infinite ks-auth-gradient-shift;display:flex}.ks-auth-card__brand-logo{width:64px;height:64px;margin-bottom:var(--ks-auth-space-4)}.ks-auth-card__brand-title{margin-bottom:var(--ks-auth-space-2);font-size:24px;font-weight:700}.ks-auth-card__brand-desc{opacity:.85;font-size:14px;line-height:1.6}.ks-auth-card__form-area{padding:var(--ks-auth-space-8)}.ks-auth-card--glass{background:var(--ks-auth-gradient-glass-light);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--ks-auth-shadow-lg), inset 0 1px 0 #ffffff80;border:1px solid #ffffff4d}.ks-auth-input-group{gap:var(--ks-auth-space-1);margin-bottom:var(--ks-auth-space-4);flex-direction:column;display:flex}.ks-auth-input-label{color:var(--ks-auth-gray-700);font-size:13px;font-weight:500}.ks-auth-input{border:1px solid var(--ks-auth-gray-200);border-radius:var(--ks-auth-radius-md);width:100%;transition:all var(--ks-auth-duration-fast) var(--ks-auth-ease-default);box-sizing:border-box;outline:none;padding:10px 14px;font-size:14px}.ks-auth-input:focus{border-color:var(--ks-auth-primary);box-shadow:0 0 0 3px #10b98126}.ks-auth-input::placeholder{color:var(--ks-auth-gray-400)}.ks-auth-input--error{border-color:var(--ks-auth-error)}.ks-auth-input--error:focus{box-shadow:0 0 0 3px #ef444426}.ks-auth-btn-primary{background:var(--ks-auth-gradient-brand);color:#fff;border-radius:var(--ks-auth-radius-md);cursor:pointer;width:100%;transition:all var(--ks-auth-duration-fast);border:none;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.ks-auth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.ks-auth-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #10b98133}.ks-auth-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ks-auth-btn-code{border:1px solid var(--ks-auth-primary);color:var(--ks-auth-primary);border-radius:var(--ks-auth-radius-md);cursor:pointer;white-space:nowrap;transition:all var(--ks-auth-duration-fast);background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.ks-auth-btn-code:hover{background:var(--ks-auth-primary-muted)}.ks-auth-providers{gap:var(--ks-auth-space-3);flex-wrap:wrap;justify-content:center;display:flex}.ks-auth-provider-btn{align-items:center;gap:var(--ks-auth-space-2);border:1px solid var(--ks-auth-gray-200);border-radius:var(--ks-auth-radius-lg);color:var(--ks-auth-gray-700);cursor:pointer;transition:all var(--ks-auth-duration-fast);background:#fff;padding:10px 20px;font-size:14px;display:flex}.ks-auth-provider-btn:hover{border-color:var(--ks-auth-gray-300);box-shadow:var(--ks-auth-shadow-sm);transform:translateY(-1px)}.ks-auth-provider-icon{width:20px;height:20px}.ks-auth-membership{border-radius:var(--ks-auth-radius-lg);padding:var(--ks-auth-space-4) var(--ks-auth-space-5);box-shadow:var(--ks-auth-shadow-sm);transition:all var(--ks-auth-duration-normal);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);justify-content:space-between;align-items:center;display:flex}.ks-auth-membership:hover{box-shadow:var(--ks-auth-shadow-md);transform:translateY(-1px)}.ks-auth-membership__info{flex-direction:column;gap:2px;display:flex}.ks-auth-membership__level{color:#92400e;font-size:14px;font-weight:700}.ks-auth-membership__expiry{color:#b45309;font-size:12px}.ks-auth-membership__btn{color:#fff;border-radius:var(--ks-auth-radius-full);cursor:pointer;transition:all var(--ks-auth-duration-fast);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;padding:6px 16px;font-size:13px;font-weight:600}.ks-auth-membership__btn:hover{box-shadow:0 4px 12px #f59e0b66}.ks-auth-entry{align-items:center;gap:var(--ks-auth-space-3);padding:var(--ks-auth-space-3) var(--ks-auth-space-4);border-radius:var(--ks-auth-radius-lg);cursor:pointer;transition:all var(--ks-auth-duration-fast);display:flex}.ks-auth-entry:hover{background:var(--ks-auth-gray-50)}.ks-auth-entry__icon{background:var(--ks-auth-primary-muted);border-radius:var(--ks-auth-radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.ks-auth-entry__text{color:var(--ks-auth-gray-700);flex:1;font-size:14px;font-weight:500}.ks-auth-entry__arrow{color:var(--ks-auth-gray-400);font-size:12px}.ks-auth-stats{gap:var(--ks-auth-space-3);grid-template-columns:repeat(3,1fr);display:grid}.ks-auth-stat{text-align:center;padding:var(--ks-auth-space-4);border-radius:var(--ks-auth-radius-lg);box-shadow:var(--ks-auth-shadow-sm);transition:all var(--ks-auth-duration-normal);background:#fff}.ks-auth-stat:hover{box-shadow:var(--ks-auth-shadow-md);transform:translateY(-2px)}.ks-auth-stat__value{color:var(--ks-auth-gray-900);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.ks-auth-stat__label{color:var(--ks-auth-gray-500);margin-top:2px;font-size:12px}@media (max-width:767px){.ks-auth-card__brand-panel{display:none}.ks-auth-card__form-area{padding:var(--ks-auth-space-5)}.ks-auth-card{border-radius:var(--ks-auth-radius-xl);box-shadow:var(--ks-auth-shadow-lg)}.ks-auth-stats{gap:var(--ks-auth-space-2);grid-template-columns:repeat(3,1fr)}.ks-auth-stat__value{font-size:20px}.ks-auth-providers{flex-direction:column}.ks-auth-provider-btn{justify-content:center}.ks-auth-membership{gap:var(--ks-auth-space-3);text-align:center;flex-direction:column}}@media (min-width:768px){.ks-auth-card{min-width:480px}}@media (min-width:768px) and (max-width:1023px){.ks-auth-card__brand-panel,.ks-auth-card__form-area{padding:var(--ks-auth-space-6)}}
