*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:url(https://static.prod.pokemon.com/images/pikachu_pattern.png);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f5f5f5}#root{width:100%;max-width:420px}.login-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000040;padding:30px;margin-top:40px}.logo-container{margin-bottom:20px;text-align:center}.pokemon-logo{width:320px;transition:transform .3s ease}.pokemon-logo:hover{transform:scale(1.05)}h1{color:#333;font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;line-height:1.3}.input-group{margin-bottom:16px;position:relative;max-width:350px;margin-left:auto;margin-right:auto}input{width:100%;height:44px;padding:0 16px;font-size:16px;border:2px solid #000;border-radius:8px;background:#2a2a2a;transition:all .3s ease;color:#fff}input:focus{border-color:#ff0;outline:none;box-shadow:4px #4caf5033}input::placeholder{color:#9e9e9e}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:gray}.login-button{width:100%;max-width:350px;height:50px;background:#4caf50;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease;margin-top:10px;display:block;margin-left:auto;margin-right:auto}.login-button:hover{background:#43a047;transform:translateY(-2px)}.trouble-login{display:block;color:#1e88e5;text-decoration:none;font-size:12px;font-weight:400;text-align:center;max-width:350px;margin:10px auto 4px;transition:color .3s ease}.trouble-login:hover{color:#1565c0;text-decoration:underline}.divider-section{max-width:350px;margin:16px auto;display:flex;align-items:center;gap:10px}.divider-line{flex:1;height:1px;background:#ccc}.divider-text{font-size:12px;color:#888;white-space:nowrap;font-weight:500}.social-buttons{max-width:350px;margin:0 auto;display:flex;gap:18px;justify-content:center}.social-btn{width:56px;height:56px;border-radius:50%;border:1.5px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:12px;flex-shrink:0}.social-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.social-btn.google-btn{background:#f0f0f0;border-color:#ccc}.social-btn.google-btn:hover{background:#e4e4e4}.social-btn.apple-btn{background:#000;border-color:#000}.social-btn.apple-btn:hover{background:#1a1a1a}.social-btn svg{width:28px;height:28px}.signup-prompt{text-align:center;margin:20px 0 12px;color:#666;font-size:14px}.create-account{display:block;width:100%;max-width:350px;height:48px;background:#fff;color:#4caf50;font-size:16px;font-weight:700;border:1px solid #4CAF50;border-radius:8px;text-align:center;line-height:46px;text-decoration:none;transition:all .3s ease;margin:0 auto}.create-account:hover{background:#e8f5e9;transform:translateY(-2px)}.footer{text-align:center;color:#9e9e9e;font-size:10px;line-height:1.4;margin-top:30px;padding-top:15px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:30px;border-radius:12px;text-align:center;width:90%;max-width:400px;box-shadow:0 4px 16px #0000004d}.modal-content h2{font-size:22px;margin-bottom:12px}.modal-content p{color:#444;font-size:16px;margin-bottom:20px}.modal-content button{background-color:#fdd835;border:none;padding:10px 24px;font-weight:700;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s ease}.modal-content button:hover{background-color:#fbc02d}#social-error-modal .modal-content h2{color:#e53935}#verification-failed-modal .modal-content h2{color:#1e88e5}body{margin:0;font-family:Arial,Helvetica,sans-serif}
