1

video-gen-app/src/pages/LoginPage.tsx

@@ -313,7 +313,7 @@ const LoginPage: React.FC = () => {
           <div>
             <div style={{ display: 'flex', alignItems: 'center', gap: 14, marginBottom: 16 }}>
               {siteLogo ? (
-                <img src={siteLogo} alt="logo" style={{ width: 48, height: 48, borderRadius: 12, objectFit: 'contain' }} />
+                <img src={siteLogo} alt="logo" className="login-logo" style={{ width: 48, height: 48, borderRadius: 12, objectFit: 'contain' }} />
               ) : (
                 <div style={{
                   width: 48, height: 48, borderRadius: 12,
@@ -324,7 +324,7 @@ const LoginPage: React.FC = () => {
                   <ThunderboltOutlined style={{ fontSize: 24, color: '#fff' }} />
                 </div>
               )}
-              <span style={{ color: '#1e293b', fontSize: 24, fontWeight: 800, letterSpacing: -0.5 }}>
+              <span className="login-brand-name" style={{ color: '#1e293b', fontSize: 24, fontWeight: 800, letterSpacing: -0.5 }}>
                 {siteName}
               </span>
             </div>
@@ -371,7 +371,7 @@ const LoginPage: React.FC = () => {
 
       {/* Right side - login/register form */}
       <div className="login-right-section">
-        <Card style={{
+        <Card className="login-card" style={{
           width: '100%', maxWidth: 400, borderRadius: 16,
           boxShadow: '0 12px 40px rgba(0,0,0,0.08)',
           border: '1px solid #e2e8f0', background: '#fff',