.login-page{min-height:100dvh;padding:var(--space-6);background:var(--bg-base);justify-content:center;align-items:center;display:flex;position:relative}.login-page:before{content:"";background:radial-gradient(ellipse at 0% 0%,var(--primary-subtle)0%,transparent 50%),radial-gradient(ellipse at 100% 100%,#0b518a1a 0%,transparent 50%);pointer-events:none;position:absolute;inset:0}.login-container{gap:var(--space-8);flex-direction:column;width:100%;max-width:400px;display:flex;position:relative}.login-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.login-logo{width:56px;height:56px;animation:fadeInUp var(--duration-500)var(--ease-out);justify-content:center;align-items:center;display:flex}.login-logo svg,.login-logo img{object-fit:contain;filter:drop-shadow(0 8px 24px #1fb7ff40);width:100%;height:100%}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);animation:fadeInUp var(--duration-500)var(--ease-out)50ms backwards}.login-subtitle{font-size:var(--text-sm);color:var(--text-muted);animation:fadeInUp var(--duration-500)var(--ease-out).1s backwards;margin:0}.login-form{gap:var(--space-5);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-500)var(--ease-out).15s backwards;flex-direction:column;display:flex}.login-form .input-wrapper{animation:fadeInUp var(--duration-300)var(--ease-out)}.login-form .input-wrapper:nth-child(2){animation-delay:50ms}.login-form .input-wrapper:nth-child(3){animation-delay:.1s}.login-error{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--error);background:var(--error-subtle);border-radius:var(--radius-lg);animation:fadeInUp var(--duration-200)var(--ease-out);display:flex}.login-error svg{flex-shrink:0}.login-submit{width:100%;margin-top:var(--space-2)}.btn-spinner{border-radius:var(--radius-full);border:2px solid #0000;border-top-color:currentColor;width:16px;height:16px;animation:.6s linear infinite spin}.login-footer{text-align:center;animation:fadeIn var(--duration-500)var(--ease-out).3s backwards}.login-footer-text{font-size:var(--text-xs);color:var(--text-muted);margin:0}.login-footer-text strong{color:var(--text-secondary);font-weight:var(--font-medium)}.auth-layout{min-height:100dvh}.share-page{min-height:100dvh;padding:var(--space-6);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.share-container{gap:var(--space-6);flex-direction:column;width:100%;max-width:400px;display:flex}.share-header{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.share-icon{background:var(--surface-2);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.share-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.share-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.share-form{gap:var(--space-4);padding:var(--space-5);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.share-error{align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--error);background:var(--error-subtle);border-radius:var(--radius-md);display:flex}@media (max-width:480px){.login-page{padding:var(--space-4);padding-top:var(--space-12);align-items:flex-start}.login-form{padding:var(--space-5)}.login-logo{width:48px;height:48px}.login-title{font-size:var(--text-xl)}}